recherche

Maison  >  Questions et réponses  >  le corps du texte

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

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 () {
              
        });
      }
    },
高洛峰高洛峰2703 Il y a quelques jours1271

répondre à tous(3)je répondrai

  • 学习ing

    学习ing2017-07-05 10:58:20

    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).

    répondre
    0
  • PHP中文网

    PHP中文网2017-07-05 10:58:20

            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;
            },

    répondre
    0
  • ringa_lee

    ringa_lee2017-07-05 10:58:20

    Recommander un composant pour modifier le titre

    répondre
    0
  • Annulerrépondre