脚本宝典收集整理的这篇文章主要介绍了

Vue-router2.0设置页面的title

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

今天在用vue2.0+vue-router2.0写SPA的时候,遇到一个功能:在跳到一个文章详情页的时候,此时页面的title要是文章的title,并且这个文章的title是异步获取的
在vue-router1.0的时候,还可以在router配置各个路由的时候给每个路由加上title属性,就可以改变各个页面的title了,不过到2.0的时候,,这个属性好像并不起作用了。所以必须另外想办法了
后来发现可以使用vue里面的指令来解决:

clipboard.png

具体使用:

clipboard.png

如上所述,因为noteDetailData.title是异步获取的,,所以指令里面使用的是update,
此外,由于其他页面还是需要原来的title,所以,离开这个页面的时候,要在指令中的unbind解除元素的绑定

总结

以上是脚本宝典为你收集整理的

Vue-router2.0设置页面的title

全部内容,希望文章能够帮你解决

Vue-router2.0设置页面的title

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过