fix:修复keep-alive失效问题,并添加keep-alive测试页面

This commit is contained in:
zhangchuanlong
2022-03-04 16:44:33 +08:00
parent 402c7db7ba
commit 8bcbcac531
5 changed files with 51 additions and 18 deletions

View File

@@ -0,0 +1,20 @@
<!--使用keep-alive须设置name注意请与对应的路由的name保持一致方便统一处理-->
<script setup name="TEST-KEEP-ALIVE">
import { onMounted, onActivated, onDeactivated } from 'vue'
onMounted(() => {
$message.success('触发onMounted')
})
onActivated(() => {
$message.success('触发onActivated')
})
onDeactivated(() => {
$message.success('触发onDeactivated')
})
</script>
<template>
<n-gradient-text gradient="linear-gradient(90deg, red 0%, green 50%, blue 100%)"> 注意查看提示语 </n-gradient-text>
</template>