elemnt UI点击事件失效,得到tab的序号
在用element 的tab的时候发现 事件绑定没有作用
看了官网才知到内置有回掉函数
绑定的地方是 <el-tabs></el-tabs>
<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 } } }