Vue3 中使用 teleport 包裹 keep-alive 组件
在 Vue 3 中，可以使用 'teleport' 组件将 'keep-alive' 包裹在根 'div' 中。
首先，在 'index.html' 中添加一个根 'div'：
<body>
<div id='app'></div>
</body>
然后，在 Vue 组件中使用 'teleport' 组件将 'keep-alive' 包裹在根 'div' 中：
<template>
<teleport to='#app'>
<div>
<keep-alive>
<!-- your components here -->
</keep-alive>
</div>
</teleport>
</template>
这样，'keep-alive' 组件就会被包裹在根 'div' 中，从而实现了要求。
原文地址: https://www.cveoy.top/t/topic/lNpF 著作权归作者所有。请勿转载和采集!