J'utilise Baidu Sharing dans mon projet vue Le code est le suivant
dans le modèle
js (placé dans créé)
Lors du premier chargement, les images des boutons partagées par Baidu ne s'affichent pas. F12 a constaté que les événements de classe et de clic n'ont pas pris effet
Après l'actualisation, ils s'afficheront normalement.
在mounted中使用this.$nextTick,也有点问题
monté() {
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 est écrit dans l'événement monté, this.$nextTick(() => { ...... });
Le js partagé par Baidu peut être exécuté immédiatement et trouver des éléments DOM.
Lorsque l'événement créé est déclenché, le DOM n'existe pas