解决VUE刷新页面后页面title失效问题

最新推荐文章于 2023-11-14 14:18:40 发布

如光不息丶

最新推荐文章于 2023-11-14 14:18:40 发布

阅读量2.4k

点赞数

分类专栏： vue.js 文章标签： vue javascript

本文链接：https://blog.youkuaiyun.com/weixin_42088314/article/details/111556358

版权

本文介绍了如何解决Vue应用在页面刷新后页面标题显示失效的问题。通过在router/index.js中利用meta属性设定每个路由的title值，安装标题监听插件，并在main.js中引入并使用，最后在App.vue的router-view组件上应用v-wechat-title指令，确保标题正确更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在 router/index.js 中，使用meta属性的title设置好每个路由对应的title值

{
   
      path: '/ihlist',
      name: 'IHList',
      component: IHList,
      meta: {
   
        // 页面标题title
        title: '韶关市非物质文化遗产共享平台'
      }
 },