Saya menggunakan Baidu Sharing dalam projek vue saya, kodnya adalah seperti berikut
dalam templat
js (masukkan ke dalam dibuat)
Apabila memuatkan buat kali pertama, imej butang yang dikongsi oleh Baidu tidak dipaparkan F12 mendapati acara kelas dan klik tidak berkuat kuasa
Selepas dimuat semula, ia akan dipaparkan seperti biasa
在mounted中使用this.$nextTick,也有点问题
dipasang() {
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);
})
},
js ditulis dalam acara yang dipasang, ini.$nextTick(() => { ...... });
Js yang dikongsi oleh Baidu boleh dilaksanakan serta-merta dan mencari elemen DOM.
Apabila acara yang dibuat dicetuskan, DOM tidak wujud