javascript - masalah vue menukar salinan perkongsian WeChat secara dinamik

Question

Sekarang ni dah ada syaratnya Bila saya share kat homepage, tajuknya aaaa bila saya share kat bahagian details, tajuk dah bbb adakah saya menukar salinan kongsi secara dinamik? Kodnya adalah seperti berikut

Saya menulisnya dalam main.js dan ia akan dimuatkan sebaik sahaja ia dilaksanakan

Saya mentakrifkan var title = 'aaaa' desc = 'bbbb' pada permulaan
Pendekatan saya ialah menukar tajuk apabila laluan melompat ke. halaman butiran

router.beforeEach(function (to, from, next) {
  if (to.path.indexOf('/details') != -1) { // 当跳转到这个页面时候改变title
    title = 'cccc';
    desc = 'dddd'
  } else {
    title = 'aaaa';
    desc = 'bbbb';
  }
}

Tetapi ini tidak berfungsi Saya tidak tahu mengapa Dari awal memuatkan, tajuk akan sentiasa aaa Melainkan saya memuat semula halaman butiran, instance baharu vue akan dibuat semula berubah.

Kongsi kod seperti berikut:

  wx.onMenuShareAppMessage({ // 分享给朋友
    title: title, //   我需要动态改这个标题
    desc: desc,   //   动态改这个描述
    link: '',     // 分享链接 默认以当前链接
    imgUrl: imgUrl + '/static/images/share.png',// 分享图标
    // 用户确认分享后执行的回调函数
    success: function () {
              
        });
      }
    },

Answer 1

Pemulaan fungsi perkongsian WeChat anda harus dilakukan secara global. Saya rasa kita boleh merangkum perkongsian wx ke dalam fungsi, dan kemudian mendedahkan parameter yang perlu diubah suai sebagai antara muka, tajuk anda di sini. Kemudian lengkapkan pendaftaran dan konfigurasi dalam laluan (komponen) yang berbeza.

Answer 2

        setPageTitle:function(video){
            document.querySelector('head title').innerText =  video.title;
            // hack微信等webview中无法修改标题
            var iframe = document.createElement('iframe');
            iframe.addEventListener('load', function () {
                setTimeout(function(){document.body.removeChild(iframe)},0) ;
            });
            document.body.appendChild(iframe);
            // 标题（内容)
            document.querySelector('.video_title').innerText = video.title;
        },

Answer 3

Cadangkan komponen untuk mengubah suai tajuk