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);

 });

 

 

 

 

详情来自https://blog.csdn.net/liubin9043/article/details/78912831

 

 

 

 

   以上是在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');
      },
      
    },
   
  }

这样在安卓和ios上都可以了，

 

 

祝工作顺利，身体健康