cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Pemuatan awal perkongsian Baidu dalam komponen vue gagal?

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中文网2732 hari yang lalu937

membalas semua(1)saya akan balas

  • PHP中文网

    PHP中文网2017-06-28 09:28:32

    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

    balas
    0
  • Batalbalas