vue3.0 页面返回如何实现不刷新页面的坑

坑就是，使用了keep-alive，没有实现效果…1、在router文件设置属性mate：{keepAlive: true}2、设置router-view<router-view v-slot="{ Component }"><keep-alive v-if="$route.meta.keepAlive"><component :is="Component" /&gt

hhh

4371人浏览 · 2021-12-16 13:51:32

hhh · 2021-12-16 13:51:32 发布

坑就是，使用了keep-alive，没有实现效果…

1、在router文件设置属性mate：{keepAlive: true}
在这里插入图片描述
2、设置router-view

		<router-view v-slot="{ Component }">
          <keep-alive v-if="$route.meta.keepAlive">
            <component :is="Component" />
          </keep-alive>
          <component v-if="!$route.meta.keepAlive" :is="Component" />
        </router-view>

在这里插入图片描述
为什么没实现效果呢？
发现，到了详情页我的返回路由方法使用的是 ‘go()’ 方法改为 ‘back()’ 方法即可解决

旨在分享~~~~~~

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}$/, //不连续的两位字母// /^