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

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

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

  1. 隐藏分享功能
// 写入 main.js 中即可
document.addEventListener("WeixinJSBridgeReady",
   function onBridgeReady() {
     // 通过下面这个API隐藏右上角按钮
     WeixinJSBridge.call("hideOptionMenu");
});
  1. 显示三个点的分享功能
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 通过下面这个API显示右上角按钮
    WeixinJSBridge.call('showOptionMenu');
});
  1. 隐藏微信网页底部的导航栏
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 通过下面这个API隐藏底部导航栏
    WeixinJSBridge.call('hideToolbar');
});
  1. 显示底部导航
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 通过下面这个API显示底部导航栏
    WeixinJSBridge.call('showToolbar');
});
  1. 在微信网页中获取用户的网络状态
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
    // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
    alert(e.err_msg);
});

End

你可能感兴趣的:(vue,javaScript,vue.js,微信,javascript)