vue动态切换title 顺便吐槽vue-wechat-title

原创 1292150917a 随笔 踩坑指南 222阅读 2018-05-08 14:49:27 举报

vue单页面动态切换标题

切换标题可以用document.title 但是百度说ios的不支持 其实IOS:微信6.5.3版本 在17年3月,切换了WKWebview,可以直接document.title修改,微信开发工具:目前支持document.title修改,偶尔不能修改成功。不过这个影响不那么大了。
对于插件

vue-wechat-title 我想吐槽一下

如果不了解的先百度下,具体作用是动态加载title,但是有一个巨大的问题,每当你更新以后他会默认重新加载你的html,就等于把html+当前路由重新执行一次,这样就会重复执行一个页面两次,这种问题,mdn还未说明!

解决方案

如果你觉得每个页面都写title有点麻烦,然而又不能忍受vue-wechat-title的垃圾 就用一下方法
找到vue-router路由地址, 添加一个beforeEach 然后动态更改 大致代码如下

这只是部分代码 如果不明白beforeEach的作用请百度!本文章只提供解决方案!谢谢
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复