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