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

时间:2024-04-09 19:10:29

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

问题描述:tag标签页面相互切换页面保持离开时候的状态,当关闭标签页面,从侧面再次进入的时候页面还是离开时候的样子

解决办法:
1.首先检查
route.matched[1].components.default.name
里面的name属性是否存在
vue 关闭tag标签后 清空keep-alive的页面数据
如果不存在,那可能就是问题所在原因
2.想办法给上文所说的name赋值
这边就要说到为什么 keep-alive include和exclude无效问题
因为include和exclude 使该标签作用于所有name属性的值跟此标签 include或exclude的属性值一致的vue页面(注意不是给route的name赋值)
正确的写法是
在展示的页面里面给name属性
vue 关闭tag标签后 清空keep-alive的页面数据
3.这边改完以后在tags.vue组件里面改成下图的代码即可
vue 关闭tag标签后 清空keep-alive的页面数据