elemnt UI点击事件失效,得到tab的序号

时间:2021-07-27 04:01:46

在用element 的tab的时候发现  事件绑定没有作用

elemnt UI点击事件失效,得到tab的序号

看了官网才知到内置有回掉函数

绑定的地方是 <el-tabs></el-tabs>

elemnt UI点击事件失效,得到tab的序号

 <template>
<el-tabs v-model="activeName2" @tab-click="handleClick">
<el-tab-pane class="chartsPanel" label="教学质量分布" name="first-ta"></el-tab-pane>
<el-tab-pane class="chartsPanel" label="科研荣誉分布" name="second-ta"></el-tab-pane>
</el-tabs>
</template>
  export default {
name: 'chart',
data () {
return {
activeName2: 'first-ta',
}
},
methods: {
handleClick: function (tab, event) {
console.log(event)
console.log(event.target.getAttribute('id')) //获取到当前元素的id
}
}
}