vue使用vshare百度分享需要刷新页面才能使用

953 阅读1分钟

最近PC端需要使用分享功能,就在百度上找了个比较好用的分享工具

npm install vshare -S

直接来说说遇到的问题吧!

当我使用v-if销毁分享组件,再重新建立分享组件,发现分享按钮不见了

下面是解决办法

 beforeCreate() {
 /*
 这里是初次进入页面时把vshare里的一个参数置空,
 我在第一遍进入时没有遇到,为了以防外一,就写了一个
 */
    window._bd_share_main = "";
  },
methods: {
    //显示分享按钮
    vshareClick(index) {
      if (this.vsharShow == index) {
        this.vsharShow = -1;
        /*
        把百度分享的一个参数置空
        这里是每次我销毁分享按钮是把vshare里的这个参数制空,这样就可以了
        */
        window._bd_share_main = "";
      } else {
        this.vsharShow = index;
      }
    },

  },

在网上看了很多别人的解答,发现大部分都是关于第一次进入是不显示的问题,这里写下自己遇到的问题,就当给自己备份一下,以防以后会遇到。