element ui 选择卡片

Element UI 提供了一个非常方便的选项卡组件，可以在项目中使用。使用 Element UI 的选项卡组件，您可以在页面上创建具有不同标签的多个选项卡，并在用户之间切换。

要使用 Element UI 的选项卡组件，您需要先安装 Element UI，并引入所需的选项卡组件。然后，您可以在模板中使用 `<el-tabs>` 元素来创建选项卡组件，用 `<el-tab-pane>` 元素来定义每个选项卡的内容。

以下是一个简单的例子，展示了如何在 Vue.js 中使用 Element UI 的选项卡组件：

<template>
  <el-tabs v-model="activeTab">
    <el-tab-pane label="Tab 1">Content of Tab 1</el-tab-pane>
    <el-tab-pane label="Tab 2">Content of Tab 2</el-tab-pane>
    <el-tab-pane label="Tab 3">Content of Tab 3</el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 'Tab 1'
    };
  }
};
</script>

在上面的例子中，我们使用了 `<el-tabs>` 元素创建了一个选项卡组件，并使用 `<el-tab-pane>` 元素定义了三个选项卡。`v-model` 指令绑定了当前活动的选项卡，我们可以通过修改 `activeTab` 数据来改变当前选中的选项卡。