跳到主要内容

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>