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

本文介绍如何在微信环境中使用WeixinJSBridge API控制网页的UI元素，如隐藏或显示右上角菜单和底部导航栏，以及如何获取用户的网络状态。同时，分享了一种在Vue中解决安卓设备上API调用失效问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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');
      },
      
    },
   
  }
</script>

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

祝工作顺利，身体健康