vue微信公众号禁止分享功能

在当前页实现禁止分享按钮已屏蔽,但如果该配置是写在入口文件App.vue中,在跳转路由后屏蔽功能会失效,所以监听路由,如果有跳转,可以再进行一次屏蔽。

  methods: {
    wxUtils: function() {
      if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
          document.addEventListener(
            "WeixinJSBridgeReady",
            this.onBridgeReady,
            false
          );
        } else if (document.attachEvent) {
          document.attachEvent("WeixinJSBridgeReady", this.onBridgeReady);
          document.attachEvent("onWeixinJSBridgeReady", this.onBridgeReady);
        }
      } else {
        this.onBridgeReady();
      }
    },
    onBridgeReady : function(){
      WeixinJSBridge.call('hideOptionMenu');
    }

  },
  mounted(){
    this.wxUtils();
  },
  watch:{
    $route(to,from){
      if (to.path !== from.path) {
        this.wxUtils()
      }
    }
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue ro...
    人人都会Web3阅读 504评论 0 2
  • 日常知识点总结(vue篇): 1、vue的生命周期: Vue实例从开始创建,初始化数据,编译模板,挂载Dom->渲...
    依稀_Sting阅读 765评论 0 2
  • 前言 接触vue框架也有一个多月的时间了,整理下之前做过的一个小demo,主要是熟悉vue全家桶技术,界面布局模仿...
    视觉派Pie阅读 26,684评论 20 285
  • 1.v-if和v-show区别: v-if --> 创建、删除 (没有元素) 真正的条件渲染。切换开销较高 ...
    蛋黄呆呆的阅读 970评论 0 1
  • 一.Vue基础 MVVM框架 MVVM是Model-View-ViewModel的缩写。MVVM借鉴了MVC的思想...
    泡杯感冒灵阅读 504评论 0 0