el-tabs怎么拿到item

要获取el-tabs中的item，可以使用以下方法：

1. 通过$refs获取el-tabs组件对象，然后通过该对象的$children属性获取到所有的el-tab-pane子组件，再从中获取对应的el-tab组件对象。

<template>
  <el-tabs ref="tabs">
    <el-tab-pane label="Tab 1">Content of Tab Pane 1</el-tab-pane>
    <el-tab-pane label="Tab 2">Content of Tab Pane 2</el-tab-pane>
    <el-tab-pane label="Tab 3">Content of Tab Pane 3</el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  mounted() {
    const tabs = this.$refs.tabs;
    const items = tabs.$children;
    console.log(items);
  },
};
</script>

2. 可以通过$children属性直接获取到el-tab组件对象，然后从中获取对应的item。

<template>
  <el-tabs>
    <el-tab label="Tab 1" ref="tab1">Content of Tab Pane 1</el-tab>
    <el-tab label="Tab 2" ref="tab2">Content of Tab Pane 2</el-tab>
    <el-tab label="Tab 3" ref="tab3">Content of Tab Pane 3</el-tab>
  </el-tabs>
</template>

<script>
export default {
  mounted() {
    const tab1 = this.$refs.tab1;
    const tab2 = this.$refs.tab2;
    const tab3 = this.$refs.tab3;
    console.log(tab1.item, tab2.item, tab3.item);
  },
};
</script>