Javascript – Vue-Problem der dynamischen Änderung der WeChat-Freigabekopie
高洛峰
高洛峰 2017-07-05 10:56:20
0
3
1284

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 () {
              
        });
      }
    },
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

Antworte allen(3)
学习ing

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

洪涛
        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;
        },
ringa_lee

推荐一款修改title的组件

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage