javascript - Pemuatan awal perkongsian Baidu dalam komponen vue gagal?
PHP中文网
PHP中文网 2017-06-28 09:26:32
0
1
943

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

认证高级PHP讲师

membalas semua(1)
洪涛

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan