js微信禁用右上角的分享按钮,和vue中微信页面禁用右上角的分享按钮的问题

1、隐藏微信网页右上角的按钮

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

    // 通过下面这个API隐藏右上角按钮
    WeixinJSBridge.call('hideOptionMenu');
});

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

    // 通过下面这个API显示右上角按钮
    WeixinJSBridge.call('showOptionMenu');

});

2、隐藏微信网页底部的导航栏

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

    // 通过下面这个API隐藏底部导航栏
    WeixinJSBridge.call('hideToolbar');
});

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

    // 通过下面这个API显示底部导航栏
    WeixinJSBridge.call('showToolbar');
});

3、在微信网页中获取用户的网络状态

WeixinJSBridge.invoke('getNetworkType',{},function(e){

    // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
    alert(e.err_msg);
 });

在html中使用没问题,但在vue中使用的话安卓机不生效,不知道为什么所以在vue中用另一种方法

script>
 
  import '../assets/js/jweixin/jweixin'; /*引入js*/
  export default {
      name:"redRain",
    data () {
      return {
      }
    },
    mounted () {
      this.wxpay();
    },
    methods: {
      wxpay(){
        var vm= this;
        if (typeof WeixinJSBridge == "undefined"){//微信浏览器内置对象。参考微信官方文档
          if( document.addEventListener ){
            document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady(), false);
          }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady());
            document.attachEvent('onWeixinJSBridgeReady',vm.onBridgeReady());
          }
        }else{
          vm.onBridgeReady();
        }
      },
      onBridgeReady:function(){
        WeixinJSBridge.call('hideOptionMenu');
      },
    },
  }
</script>

此博客引用于:https://blog.csdn.net/dakache11/article/details/85104579

猜你喜欢

转载自www.cnblogs.com/wxy0126/p/11820107.html