vue中 keep-alive 组件的作用？ - 好学星城学习论坛

page contents

轩辕小不懂发布于 2021-12-25 13:44

阅读 513

收藏 0

答案 1

分类：WEB前端开发

2743

Nen 2021-12-25 14:18

- 程序员

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。

<keep-alive>

<component>

</component>

</keep-alive>

如果只想 router-view 里面某个组件被缓存

export default [

{

path: '/',

name: 'home',

component: Home,

meta: {

keepAlive: true // 需要被缓存

}

}, {

path: '/:id',

name: 'edit',

component: Edit,

meta: {

keepAlive: false // 不需要被缓存

}

}

]

<keep-alive>

<router-view v-if="route.meta.keepAlive">

</router-view>

</keep-alive>

<router-view v-if="!route.meta.keepAlive">

</router-view>

评论 (0)

1 关注

提出于 2021-12-25 13:44

全部