微信でVue単ページにタイトルを設定する方法

1035 ワード

質問:
  • iOSの微信の1つのSPAアプリケーションは、微信の上部ナビゲーションバーのタイトルを変更するためにdocumentを使用する.タイトル=xxxは、ページタイトルを変更するのに無効な
  • です.
  • の原因は、微信でwebviewがページタイトルをロードするだけで動的に変更するのは無効であるため、新しいページで開かない限り(SPAのユーザー体験に何か卵があるのか)
  • である.
    ソリューション:
  • js動的変更が有効にならない以上、なぜルーティング切替が完了した後に空のiframe動的設定titleを静的にロードしようとしないのでしょうか.

  • 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