Vue2.5.x --- 点击路由跳转后刷新页面仍然停留在之前的路由页面解决方法

最新推荐文章于 2024-08-12 10:29:13 发布

豆i浆

最新推荐文章于 2024-08-12 10:29:13 发布

阅读量1.4w

点赞数 1

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

本文链接：https://blog.csdn.net/sinat_19327991/article/details/80667135

版权

在Vue2.5.x中，遇到点击路由跳转后刷新页面仍停留在之前路由的问题。通过缓存路由地址，在刷新时设置默认地址为缓存的路由，可以解决这一问题。采用这种方法，页面刷新后将跳转至默认页面，避免了异常状态。文章提及使用了mint UI框架，需下载并引用以匹配示例的样式。

摘要由CSDN通过智能技术生成

如果想刷新的时候是刷新点击的页面可以用缓存记录刷新前的路由地址然后刷新时设置默认地址为缓存的路由地址即可

处理前的情况，页面刷新也会停留在之前跳转的路由页面：

这里写图片描述

处理后的情况，页面刷新后页面会跳转至默认页面（默认页面为热映）：

这里写图片描述

本文使用的是mint ui框架需要下载并引用才能与博文中样式一致

代码部分：

<template>
  <div id="app">
    <router-view/>
    <mt-tabbar>
      <mt-tab-item 
        v-for="(menu, index) in menuText" 
        :key="menu" 
        @click.native="menuTab(index)"
        :class="{'menuOn' : eq == index }"
      >
          <img slot=&