keep-alive组件配合vuex实现页面路由切换数据不丢失(一般用于新增页)
原理:keep组件的原理不是缓存数据到浏览器 而是强制其dom树不然刷新应用场景:字段很多的新增页面中 填入信息中途因故断开导致页面刷新或者回退进入数据又要充填1.给要缓存的路由页面元信息加上自定义属性2.然后再应用中体router切换盒子组件中加入路由判断 <transition name="fade-transform" mode="out-in" > <keep-alive v-if="$store.state.app.keepAlive">
原创
2020-07-11 17:32:55 ·
688 阅读 ·
0 评论