vue cli2.0单页面title修改方法
2018-06-07 11:34
776 查看
一、
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修改方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- ASP.NET 中在代码中修改Title的方法
- 修改jquery中dialog的title属性方法(推荐)
- 修改织梦DedeCms文章页默认title的方法
- Jquery修改页面标题title其它JS失效的解决方法
- 基于Vue的SPA动态修改页面title的方法
- javascript修改浏览器title方法 JS动态修改浏览器标题
- asp.net中动态修改网页Title的几种方法
- 给 aspx页面动态的修改title方法
- 修改织梦DedeCms文章页默认title的方法
- ASP.NET 中在代码中修改Title的方法
- SAP登陆界面TITLE修改方法(Method of SAP Logon GUI Title Modification)
- 修改tomcat控制台title的方法
- iOS开发之--如何修改TabBarItem的title的字体和颜色/BarButtonItem的title的字体大小和颜色/添加背景图片,并添加点击方法
- SAP登陆界面TITLE修改方法(Method of SAP Logon GUI Title Modification)
- DEDECMS限制上一篇下一篇的文章标题长度以及title修改方法
- Dedecms图片加上Alt和Title等属性的修改方法
- uitableview中的cellforrow方法里 修改button title
- Jquery修改页面标题title其它JS失效的解决方法
- vue2中,根据list的id进入对应的详情页并修改title方法
- linux 时间修改及同步,crontab计划方法