本文转载,原文地址:https://blog.csdn.net/weixin_44138611/article/details/89335931

WeixinJSBridge不同于jssdk,不需要鉴权,是微信内置浏览器自带的接口。

大致有以下几个有用的知识点(各功能具体方法请看原文):

  1. 分享给好友
  2. 分享到朋友圈
  3. 分享到微博
  4. 隐藏下方工具栏
  5. 隐藏微信右上角分享按钮(并非隐藏三个点,而是里面的菜单)
  6. 关闭浏览器回到公众号对话窗口

Vue中只需要定义好方法,在页面初始化中调用即可。

  mounted() {
    setTimeout(()=>{
      this.disableShare()
    },0)
  },
  methods: {
    //禁止微信右上角分享为例
    disableShare() {
      var that = this;
      try {
        //检测当前环境WeixinJSBridge状态
        if (typeof WeixinJSBridge == "undefined") {
          if (document.addEventListener) {
            document.addEventListener(
              "WeixinJSBridgeReady",
              that.onBridgeReady(),
              false
            );
          } else if (document.attachEvent) {
            document.attachEvent("WeixinJSBridgeReady", that.onBridgeReady());
            document.attachEvent("onWeixinJSBridgeReady", that.onBridgeReady());
          }
        } else {
          //WeixinJSBridge正常,调用其方法
          that.onBridgeReady();
        }
      } catch (error) {
        console.log("禁止分享hideOptionMenu", error.message);
      }
    },
    //WeixinJSBridgeReady中的具体方法
    onBridgeReady: function () {
      // 隐藏分享菜单
      WeixinJSBridge.call("hideOptionMenu");
    },
  }
Logo

前往低代码交流专区

更多推荐