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

时间：2019-09-01 18:23:35 阅读：294 评论：0 收藏：0 [点我收藏+]

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"属性。

原文：https://www.cnblogs.com/lhw888888/p/11442835.html

踩

(0)

评论一句话评论（0）

分享档案

更多>