Skip to content

设置KeepAlive不生效问题

WARNING

KeepAlive 生效的前提是路由的 name 跟 页面组件的 name 保持一致

那么怎么能做到一致呢?

首先,设置在资源管理页面里面找到对应功能的 编码,如下图,系统在动态创建路由时会以配置的 编码 作为路由的 name,最好设置成大驼峰的格式

然后在对应功能的 .vue 文件设置组件的 name,值为上面设置的 编码

vue
<script setup>
defineOptions({ name: 'KeepAlive' })
</script>

注意 KeepAlive 只是示范的值,你可以设置成任意的值,只要不重复,格式最好是规范的 大驼峰

Released under the MIT License