Vue使用百度分享,组件切换、销毁分享失效的解决办法
生活随笔
收集整理的這篇文章主要介紹了
Vue使用百度分享,组件切换、销毁分享失效的解决办法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
銷毀分享組件,再重新建立分享組件,發現分享按鈕不見了
查了一些資料 什么 重設config啥的 都不行
后來發現了init方法
顧名思義 重新初始化一下就行了 也不要重新去添加標簽
使用百度分享的init方法
/* eslint-disable */ export default {mounted() {// 關鍵代碼在這里 如果已經加載了 就init它 沒有加載 就初始化window._bd_share_main ? window._bd_share_main.init() : this.initShare()},methods: {initShare() {window._bd_share_config = {// 你的配置項};// 如果有意外 為了避免沖突 先干掉以前的分享scriptconst $el = document.querySelector('#baiduShare')$el && document.body.removeChild($el)const s = document.createElement('script');s.type = 'text/javascript';s.id = 'baiduShare's.src = '你的分享鏈接'document.body.appendChild(s);}} }總結
以上是生活随笔為你收集整理的Vue使用百度分享,组件切换、销毁分享失效的解决办法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JAVA实现bmp转换JPEG_Java
- 下一篇: 招商证券网上交易控件与中国银行网上银行控