scorpio
046ad48941
fix keepAlive
|
%!s(int64=2) %!d(string=hai) anos | |
|---|---|---|
| .vscode | %!s(int64=2) %!d(string=hai) anos | |
| public | %!s(int64=2) %!d(string=hai) anos | |
| src | %!s(int64=2) %!d(string=hai) anos | |
| .eslintrc.cjs | %!s(int64=2) %!d(string=hai) anos | |
| .gitignore | %!s(int64=2) %!d(string=hai) anos | |
| README.md | %!s(int64=2) %!d(string=hai) anos | |
| index.html | %!s(int64=2) %!d(string=hai) anos | |
| package.json | %!s(int64=2) %!d(string=hai) anos | |
| vite.config.js | %!s(int64=2) %!d(string=hai) anos | |
| yarn.lock | %!s(int64=2) %!d(string=hai) anos |
README.md
设置keepAlive
// 配置代码
<route>
{
name: '设置',
meta: { keepAlive: true }
}
</route>
//
<script>
export default {
name: '设置', // 需要设置页面name 和 rotue 中的name 一致
data () {
return {
data: { }
}
},
// ...
// 实现逻辑代码
// /router/index.js
if (to.meta.keepAlive) {
const keepAlive = keepAliveStore()
keepAlive.add(to.name) // 将路由名称添加到 keepAlive 集合中
}
// /layout/index.vue
<router-view v-slot="{ Component, route }">
<keep-alive :include='keepAlive.list'>
<component :is="Component" :key="route.fullPath" />
</keep-alive>
</router-view>