解决vue登陆完刷新后title值变为默认值

今天拔牙么

于 2021-05-11 10:19:46 发布

阅读量917

点赞数

分类专栏：前端文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_48271592/article/details/116642870

版权

这篇博客介绍了在Vue项目中遇到的一个问题：用户登录后刷新页面，title会恢复为默认值。作者分析了问题原因在于刷新后失去了session值，导致title重新设为默认。解决方案是在默认路由组件中根据登录时的platformType动态设置document.title。

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

解决vue登陆完刷新后title值变为默认值

总之描述的非常混乱，主要为了保存下来自己再遇到类似问题是能解决

1.项目大概：

通过选择不同地区进入不同的地区保函平台的登陆页面（同一个平台，不同用户登录展现的内容不同）

2.问题描述：

通过登陆页面进入首页后，title值是对应的是该页面的标题，但在本页刷新后title值变为默认title
登陆后没刷新时：

登陆后刷新后
在这里插入图片描述

3.问题解析：

登录页携带的session值设置到了title上，但刷新后路由直接走的默认index，失去了session值，title又变回了默认index的titleindex

4.解决方案：

在默认index里设置document.title = titleList[platformType];//设置title的值根据登陆时传的platformType变化

5.代码演示：

// 登录页设置session
methods:{
   
        classFn(){
   
            let temp={
   
                "0":"hantang",
                 "1":"huacheng",
                 "2":"jiatai"
            }
            return

最低0.47元/天解锁文章