javascript - Le chargement initial du partage Baidu dans le composant Vue a échoué?
PHP中文网
PHP中文网 2017-06-28 09:26:32
0
1
921

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

认证高级PHP讲师

répondre à tous(1)
洪涛

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

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal