javascript - problème de vue du changement dynamique de la copie de partage WeChat

Question

Maintenant, c'est comme ça. Il y a une exigence. Quand je partage sur la page d'accueil, le titre est aaaa. Quand je partage sur la page de détails, le titre est bbb. Mais la copie est morte dès que la page est chargée. puis-je modifier dynamiquement la copie partagée ? J'utilise vue2. Le code est le suivant

.

Je l'ai écrit dans main.js et il sera chargé dès qu'il sera exécuté.
J'ai défini var title = 'aaaa' desc = 'bbbb' au début
Mon approche consiste à changer le titre lorsque l'itinéraire passe à. la page de détails

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

Mais cela ne fonctionne pas. Je ne sais pas pourquoi. Dès le début du chargement, le titre sera toujours aaa. Sauf si je rafraîchis la page de détails, la nouvelle instance de vue sera recréée et le titre sera. changé.

Partagez le code comme suit :

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

Answer 1

L'initialisation de votre fonction de partage WeChat doit se faire globalement. Je pense que nous pouvons encapsuler le partage wx dans une fonction, puis exposer les paramètres qui doivent être modifiés en tant qu'interface, votre titre ici. Terminez ensuite l'enregistrement et la configuration dans différentes routes (composants).

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

Recommander un composant pour modifier le titre