javascript - vue組件中使用百度分享初次加載失?。?/h1>

【字号：大 中 小】作者：豬豬瀏覽：217日期：2022-06-24 15:16:23

問題描述

我的vue項目中使用了百度分享，代碼如下template中js（放在created中）

初次加載時，百度分享的按鈕圖片都不顯示，F12發現class和點擊事件都未生效刷新后就正常顯示使用

在mounted中使用this.$nextTick，也有點問題

mounted() {

let _this = this;this.$nextTick(function () { window._bd_share_config = {common : { bdText : _this.art.title, bdDesc : _this.art.abstract, bdPic : 'http://www.jubao56.com/upload_admin/2016-07-05%2010:08:50-banner4_m.jpg',},share : [{ tag:'share_0', bdSize : 24}], }; const s = document.createElement(’script’); s.type = ’text/javascript’; s.src = ’http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=’ + ~(-new Date() / 36e5); document.body.appendChild(s);}) },

問題解答

回答1：

js寫在 mounted事件里，this.$nextTick(() => { ...... });

百度分享的 js可能會 立即執行并查找DOM元素。created事件觸發時，并不存在DOM

標簽： 百度

上一條：javascript - 網易云信整合到項目的流程下一條：javascript - 關于微信公眾號開發的一個trouble!

相關文章：

1. angular.js - angularjs如何傳遞id給另一個視圖 根據id獲取json數據？2. mysql - 記得以前在哪里看過一個估算時間的網站3. docker start -a dockername 老是卡住，什么情況？4. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？5. 使用text-shadow可以給圖片加陰影嗎？6. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失??！7. nginx啟用gzip壓縮后,文件尺寸無變化.8. php - 一個操作請求多個服務如何保證數據的安全？9. java - StringBuffer轉成String，可以不同過tostring，而是通過+“”的方式轉換嗎？10. boot2docker無法啟動