微信公众号,右上角分享,底部tab隐藏

1,859 阅读1分钟

隐藏所有页面的分享功能,写在index.html即可

<script>
    // var vConsole = new VConsole();
    document.addEventListener(
        "WeixinJSBridgeReady",
        function onBridgeReady() {
            // 通过下面这个API隐藏右上角按钮
            WeixinJSBridge.call("hideOptionMenu");
        }
    );
</script>

显示分享

mounted() {
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');// 隐藏右上角按钮
        WeixinJSBridge.call('showOptionMenu');// 显示右上角按钮
    });
},

微信底部导航栏隐藏/显示

mounted() {
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');// 隐藏底部导航栏
        WeixinJSBridge.call('showToolbar');// 显示底部导航栏
    });
},

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

mounted() {
    WeixinJSBridge.invoke('getNetworkType',{},function(e){
        // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
        alert(e.err_msg);
    });
},

设置不同页面title标题

mounted() {
    document.title = '我的首页'
},