欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue cli2.0单页面title修改方法

程序员文章站 2022-11-15 10:29:56
一、npm install vue-wechat-title --save  执行命令 二、在main.js中添加   ...

一、npm install vue-wechat-title --save  执行命令

二、在main.js中添加   

 vue.use(vuewechattitle);
    vue.config.productiontip= false

三、在router/index.js文件中添加  

routes: [{ path: '/',redirect: 'home' },{ path: '/home',name: 'home',component: home,
  meta:{
   title:'银行开户'
  }},],

四、在app.vue 中修改 router-view  修改为:<router-view v-wechat-title="$router.meta.title">

总结

以上所述是小编给大家介绍的vue cli2.0单页面title修改方法,希望对大家有所帮助