vue微信公众号隐藏右上角三个点分享功能

隐藏微信公众号分享的功能

需求：vue开发公众号网页，需要去掉分享功能 （产品说加就加，还好我机智，一行代码搞定）

1. 隐藏分享功能

// 写入 main.js 中即可
document.addEventListener("WeixinJSBridgeReady",
   function onBridgeReady() {
     // 通过下面这个API隐藏右上角按钮
     WeixinJSBridge.call("hideOptionMenu");
});

2. 显示三个点的分享功能

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 通过下面这个API显示右上角按钮
    WeixinJSBridge.call('showOptionMenu');
});

3. 隐藏微信网页底部的导航栏

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 通过下面这个API隐藏底部导航栏
    WeixinJSBridge.call('hideToolbar');
});

4. 显示底部导航

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 通过下面这个API显示底部导航栏
    WeixinJSBridge.call('showToolbar');
});

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

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

End