vue3+ts+elementUI el-tabs切换时缓存数据

你可以使用 Vue.js 的 keep-alive 组件来缓存数据。将你想要缓存的组件包裹在 keep-alive 组件中，当组件被切换时，它的状态会被保留，直到下一次被激活。

例如，如果你想缓存一个 el-tabs 下的 tab 组件，你可以这样写：

<template>
  <el-tabs v-model="activeTab">
    <el-tab-pane label="Tab 1" name="tab1">
      <keep-alive>
        <component-a />
      </keep-alive>
    </el-tab-pane>
    <el-tab-pane label="Tab 2" name="tab2">
      <keep-alive>
        <component-b />
      </keep-alive>
    </el-tab-pane>
  </el-tabs>
</template>

这样，当你在 Tab 1 和 Tab 2 之间切换时，组件 component-a 和 component-b 的状态会被保留。