Vue使用百度分享,组件切换、销毁分享失效的解决办法
生活随笔
收集整理的這篇文章主要介紹了
Vue使用百度分享,组件切换、销毁分享失效的解决办法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
銷毀分享組件,再重新建立分享組件,發(fā)現(xiàn)分享按鈕不見了
查了一些資料 什么 重設(shè)config啥的 都不行
后來發(fā)現(xiàn)了init方法
顧名思義 重新初始化一下就行了 也不要重新去添加標(biāo)簽
使用百度分享的init方法
/* eslint-disable */ export default {mounted() {// 關(guān)鍵代碼在這里 如果已經(jīng)加載了 就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);}} }總結(jié)
以上是生活随笔為你收集整理的Vue使用百度分享,组件切换、销毁分享失效的解决办法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JAVA实现bmp转换JPEG_Java
- 下一篇: html5倒计时秒杀怎么做,vue 设