微信でVue単ページにタイトルを設定する方法
1035 ワード
質問: iOSの微信の1つのSPAアプリケーションは、微信の上部ナビゲーションバーのタイトルを変更するためにdocumentを使用する.タイトル=xxxは、ページタイトルを変更するのに無効な です.の原因は、微信でwebviewがページタイトルをロードするだけで動的に変更するのは無効であるため、新しいページで開かない限り(SPAのユーザー体験に何か卵があるのか) である.
ソリューション: js動的変更が有効にならない以上、なぜルーティング切替が完了した後に空のiframe動的設定titleを静的にロードしようとしないのでしょうか.
Vuejs 2.x
Main.js
ルーティング定義
App.vueはグローバルに1回だけこのコマンドタイトルを使用することをお勧めしますvuexまたはrouterで定義して複数の場所で使用しないでください!!
ソリューション:
Vuejs 2.x
npm install vue-wechat-title --save
Main.js
Vue.use(require('vue-wechat-title'))
ルーティング定義
routes: [
{
path: '/',
name: 'index',
meta: {
title: ' '
},
component: Index
},
]
App.vueはグローバルに1回だけこのコマンドタイトルを使用することをお勧めしますvuexまたはrouterで定義して複数の場所で使用しないでください!!
./favicon.ico