javascript - vue元件中使用百度分享初次載入失敗?
PHP中文网
PHP中文网 2017-06-28 09:26:32
0
1
916

我的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);
        })
    },
PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(1)
洪涛

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

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板