怎么在vuecli2.0中修改单页面title

怎么在vue cli2.0中修改单页面title?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了爱辉免费建站欢迎大家使用!

一、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  修改为

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


新闻名称:怎么在vuecli2.0中修改单页面title
当前URL:http://bzwzjz.com/article/jdsies.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都响应式网站建设公司 成都网站设计 高端网站设计 企业网站设计 温江网站设计 网站设计制作 成都网站建设 成都响应式网站建设 成都网站设计 重庆手机网站建设 成都网站建设 网站制作 成都网站制作公司 成都品牌网站设计 成都品牌网站建设 营销型网站建设 商城网站建设 成都网站建设 营销网站建设 响应式网站设计方案 成都网站建设公司 网站建设