Javascript – Vue-Problem der dynamischen Änderung der WeChat-Freigabekopie

Question

Jetzt ist es so. Wenn ich auf der Homepage teile, ist der Titel bbb Ändere ich die freigegebene Kopie dynamisch? Ich verwende vue2. Der Code lautet wie folgt

Ich habe es in main.js geschrieben und es wird geladen, sobald es ausgeführt wird.
Ich habe am Anfang var title = 'aaaa' desc = 'bbbb' definiert.
Mein Ansatz besteht darin, den Titel zu ändern, wenn die Route zu springt die Detailseite

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

Aber das funktioniert nicht. Vom Beginn des Ladens an wird der Titel immer aaa sein, es sei denn, ich aktualisiere die Detailseite geändert

Teilen Sie den Code wie folgt:

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

Answer 1

你的微信分享功能的初始化应该是在全局做的。我觉得可以将wx分享封装成一个函数，然后将需要修改的参数暴露成接口，你这里的title。然后在不同的路由(组件)中去完成注册以及配置。

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

推荐一款修改title的组件