[Vue]使用keep-alive第一次失效，第二次进入才正常

从’home‘返回到’summary‘的时候保持页面不刷新最开始使用路由护卫（BeforeRouteLeave和beforeLeave）以及在页面路由中设置meta下keepAlive参数来控制keep-alive组件的显示。但是在第一次进入的时候页面仍然刷新，第二次今进入才会生效，找了半天为什么这样，索性把这些都拆了，直接使用监听，在根页面按照路由跳转的to和from来判断是否需要keep-al

kkkkkkkkira

3333人浏览 · 2022-01-04 13:40:00

kkkkkkkkira · 2022-01-04 13:40:00 发布

要求从home返回到summary时候，summary不刷新，其余的页面跳转仍然保持刷新

最开始使用路由护卫（BeforeRouteLeave和beforeLeave）以及在页面路由中设置meta下keepAlive参数来控制keep-alive组件的显示。

但是在第一次进入的时候页面仍然刷新，第二次今进入才会生效，找了半天为什么这样，索性把这些都拆了，直接使用监听，在根页面按照路由跳转的to和from来判断是否需要keep-alive生效。

直接在app.vue路由监听就行
在这里插入图片描述
代码提交后想到，为了节省资源其实可以再keep-alive上加一个include=’summary‘的，下次有需求了再改吧

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^