el-tab-pane 点击对应pane加载单pane数据

313 阅读1分钟
<el-card class="table-card">
  <el-tabs v-model="targetCpn" type="card">
    <el-tab-pane v-for="(item) in planeTab" :key="item.cpn" :label="item.name" :name="item.cpn" lazy />
  </el-tabs>
  <component :is="targetCpn" />
</el-card>
targetCpn:'组件名1',
planeTab: [
  { name: '标签名称1', cpn: '组件名1' },
  { name: '标签名称2', cpn: '组件名2' },
  { name: '标签名称3', cpn: '组件名3' }
]