最近有个变态需求：重新点击路由导航时刷现当前路由页面，该路由页面是一个列表页面，点击详情的时候跳转详情页面，详情页面返回列表页面时，使用缓存的列表页面。

    实现步骤：

    1.使用keep-alive缓存路由页面


    2.网上的找到的方法实现点击路由导航刷新当前路由：    

     通过 v-if控制，重写点击导航的事件，代码如下：


下面是reload方法：


总结要点：

    1.v-if判断放在<keep-alive>标签上面

    2.通过变量控制是否使用缓存页面。


Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue