本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

vue.js清除组件缓存的方法:

1、先在store的state里面设置一个要缓存数组

34295f9bd33e23e3183a2cc631f0c1d.png

2、在进到子页面的时候,更新store的数组,把将要缓存组件的name(注意:是组件的name,并不是路由的name),装进数组

fbbdcdbb3835cdbf83ce5c56ece7553.png

3、当前组件的route-view,外层包裹keep-alive,include用你从仓库里面取出来的数组

c301a1eb67aea84f969ea697f1c97f0.png

4、关闭标签页(也就是后退路由的时候),清空store里的数组

3e01d8bce041b617ad177f6cd1d2494.png

以上就是vue.js怎么清除组件缓存的详细内容,更多请关注其它相关文章!