猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

Vue Spa切换页面时更改标题

2017-10-19 09:52:44 作者:yxl 次阅读 vue

在Vue组件化开发过程中,因为是单页面开发,但是有时候需要页面的title根据情况改变,于是上网查了一下,各种说法花(wo)里(kan)胡(bu)哨(dong), 于是想到一个黑科技 documet.title="xxx";

随便创建一个项目,在独立的模块中,created在钩子函数启动之后document.title='标题'; 但是据说在IOS的微信下是无效的,虽然用苹果机测试过有用,但是想到这样会影响我的代码洁癖。
解决的方法也有很多,下面介绍一个vue-wechat-title的插件
在路由配置中添加meta:{title:'文章管理'}, 
然后main.js中实例化Vue.use(require('vue-wechat-title')); //实例化参数
最后在组件中添加<div v-wechat-title="$route.meta.title"></div>

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词: Vue
0

网友评论