当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue cli2.0单页面title修改方法

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

2018年08月08日  | 移动技术网IT编程  | 我要评论

牙易网,天生一对美国完整版,魔奇掌机

一、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修改方法，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网