vue 关闭tag标签后 清空keep-alive的页面数据

问题描述:tag标签页面相互切换页面保持离开时候的状态,当关闭标签页面,从菜单进入页面还是离开时候的样子但是想要的效果是从菜单栏进入是从新加载的样子

解决办法:
1.首先检查
route.matched[1].components.default.name
里面的name属性是否存在
在这里插入图片描述
如果不存在,那可能就是问题所在原因
2.想办法给上文所说的name赋值
这边就要说到为什么我使用了 keep-alive里面的 include或exclude属性但是却没有效果
在这里插入图片描述
因为include和exclude 使该标签作用于所有name属性的值跟此标签 include或exclude的属性值一致的vue页面(注意不是给route的name赋值)

正确的写法是
在展示的页面里面给name属性
在这里插入图片描述
3.这边改完以后在tags.vue组件里面改成下图的代码即可
在这里插入图片描述
4.按照上述步骤就可以解决该问题

注意:我这边的前提的我在路由的时候使用的是hash模式,如果路由使用的是history模式,可能不会出现这个问题,如果有问题,也可以按照这个步骤试一试

Logo

前往低代码交流专区

更多推荐