vue 关闭tag标签后 清空keep-alive的页面数据
vue 关闭tag标签后 清空keep-alive的页面数据问题描述:tag标签页面相互切换页面保持离开时候的状态,当关闭标签页面,从侧面再次进入的时候页面还是离开时候的样子解决办法:1.首先检查route.matched[1].components.default.name里面的name属性是否存在如果不存在,那可能就是问题所在原因2.想办法给上文所说的name赋值这边就要说到为什么keep-a
·
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模式,可能不会出现这个问题,如果有问题,也可以按照这个步骤试一试
更多推荐
已为社区贡献4条内容
所有评论(0)