跳到主要内容

vue 动态改变title

在 vue 项目中会遇到 title 动态变化的需求，这时使用 vue-wechat-title 会方便很多。

1. 安装​

yarn add vue-wechat-title

2. main.js 引入​

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

3. 路由配置​

{
    path:'/home',
    component:Home,
    meta:{
        title:'首页'
    }
}

4. 使用​

<div v-wechat-title="$route.meata.title"></div>
或
<router-view v-wechat-title="$route.meata.title"></router-view>