工作学习总结-vue中设置头部标题

最近在做公众号的时候要外链一个H5页面,这个H5页面是用vue写的,然后在路由vouter中也给这个页面设置了title,这个H5页面总共有三个页面,第一个页面是列表页,第二个页面是详情页,第三个页面是结果页,但是在公众号中跳转过来的时候,列表页头部标题没有了,但是进入详情页,再返回到列表页的时候,头部标题又出来了。就产生了这样一个bug,怎么解决呢?
首先具体原因我还没有确定,我猜测是因为我是从外部跳转过来的,不是从router系统跳转的。因为我进入详情后,再返回列表页,头部就有了。所以有可能是这样的情况。那怎么解决呢?
我在vue中的created()中加入了这样一行代码,就可以了,相当于给页面设置一下头部标题

created() {
    document.title = this.$route.meta.title;
}

为了安全起见我给vue中的每个页面都加了这样一行代码

发布了130 篇原创文章 · 获赞 103 · 访问量 26万+

猜你喜欢

转载自blog.csdn.net/xiaolinlife/article/details/100668095