正文

vue 项目路由跳转后显示不同的title

IP云
IP云V管理员/5 阅读
07/26
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.在router/index.js的每个路由中配置title

2.在项目中运行命令 npm install vue-wechat-title --save 安装插件（在 package.json文件的dependencies中可以看到已安装 "vue-wechat-title": "^2.0.5"）

3.在main.js 中引入并使用

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
4. 在 app.vue 组件的 <router-view  v-wechat-title="$route.meta.title"/>标签中使用  v-wechat-title="$route.meta.title"属性。