提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

vue-router 如果设置页面标题

Vue 设置 页面 如果 标题 Router
2023-09-11 14:19:35 时间

项目中有使用vue-router，页面标题需要修改则需要安装vue-wechat-title

一、安装

npm install vue-wechat-title --save

二：设置

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

const routes=[{path:'/user/login',name:'登陆',component:login,meta:{title:'登陆'}}];

　

三、在页面中设置

     

 <router-view v-wechat-title='$route.meta.title'></router-view>

注： 也可以使用 v-wechat-title='$route.name‘ 设置标题

　　大功告成。

参考 ：https://zhuanlan.zhihu.com/p/38984689

相关文章