vue2对el-tab-pane标签页二次封装

el-tab-pane标签页并没有vue2的官方二次封装，但你可以通过自定义组件来实现el-tab-pane的二次封装。你可以创建一个名为tab-pane的自定义组件，然后在该组件中使用el-tab-pane，根据你的需求进行进一步的封装和定制。

代码示例：

<template>
  <el-tab-pane :label="label" :name="name" :key="name">
    <!-- 在这里放置你的自定义内容 -->
  </el-tab-pane>
</template>

<script>
export default {
  name: 'tab-pane',
  props: {
    label: {
      type: String,
      required: true
    },
    name: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
/* 在这里添加你的样式 */
</style>

然后在父组件中使用自定义的tab-pane组件：

<template>
  <el-tabs v-model="activeName" type="card">
    <tab-pane label="实时数据图表" name="first"></tab-pane>
    <tab-pane label="历史数据图表" name="second"></tab-pane>
  </el-tabs>
</template>

<script>
import tabPane from './tabPane';

export default {
  name: 'parent',
  components: {
    'tab-pane': tabPane
  },
  data() {
    return {
      activeName: 'first'
    };
  }
}
</script>

这样，你就可以对el-tab-pane进行二次封装，并在自定义的tab-pane组件中添加你的逻辑和样式。