失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue——缓存路由组件

vue——缓存路由组件

时间:2021-11-19 15:08:02

相关推荐

vue——缓存路由组件

让不展示的路由组件保持挂载,不被销毁

为了预防在使用同一个<router-view></router-view>的情况下,路由来回跳转导致之前写的数据会被清除,其实是路由跳转后之前的组件被销毁了

使用<keep-alive>……</keep-alive>标签包裹<router-view></router-view>跳转后组件不会被销毁从而数据也不会消失

例如

<keep-alive><router-view></router-view></keep-alive>

但是有些组件不需要缓存数据,这是可以添加include属性指定需要被缓存的组件 默认是都缓存的

例如

<keep-alive :include="['News']"><router-view></router-view></keep-alive>

如果觉得《vue——缓存路由组件》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。