1. 首页
  2. 编程语言
  3. Javascript
  4. vue 导航菜单刷新状态不消失,显示对应的路由界面操作

vue 导航菜单刷新状态不消失,显示对应的路由界面操作

上传者: 2021-09-10 08:39:06上传 PDF文件 120.00 KB 热度 12次

使用vue element-ui框架构建公共导航栏(按F5刷新就会返回默认定义的路由,使用 "$route.path" 刷新后还是在最新的一个路由:。代码示范注意点:2. 如果你发现刷新之后成功了但回退发生了问题 请把路由模式切换成 history vue-route 默认使用hash模式。也就是地址上出现眨眼的 /#/ 当然 history模式本体跑没问题 发包后 需要后端配置 3. 如果你想了解更多1.为什么 用了缓存会失败?这是因为当你存入缓存时候用了JSON.stringify 这东西 会改变 compoent对象 让它少了一个 render函数。在hash模式下 你的动态路由可能还没创建完成就 跑其它代码了 毕竟 路由守卫是异步操作 在history模式下 可能没有这个问题 未实测 写上最好。然后 item.compoent = vueName; vueName也就是你导出来的vue文件变量。

下载地址
用户评论