vue titleタイトルの動的変更

983 ワード

1)、まず取り付ける

npm install vue-wechat-title --save

2)、続いてmain.jsに導入

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)

3.ルーティングファイルindex.jsで必要なパス=ルーティングにtitleを追加

routes: [{
      path: '/',
      name: 'home',
      component: home,
      meta:{
        keepAlive: true
      }
    },    {
      path: '/login',
      name: 'login',
      component: login,
      meta:{
        title: '    ',
         }
    }
  ]

4、コンポーネント内でtitleの値を動的に変更するには

注意:**v-wechat-title="$route.meta.title={data.title}**これはコアコードです
よし!ページを更新すると効果が出てきますよね~、皆さんに効果があることを願っています

vueのドラッグイベント構成

C++ポインタの参照を関数パラメータとする

vue titleタイトルの動的変更

{{title}}