element--ui使⽤tab切换时如何获取当前对象的id或者其他属性1. 问题
当使⽤tab切换时，部分特殊场景需要获取当前元素的类名或者id。
2.解决思路，tab切换是绑定函数，函数会传递过去当前对象，通过当前对象获取对象属性pane
vue部分代码：本项⽬是在vue-cli下运⾏，因此vue的初始化函数略有差异。
<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>
<script>
/
/vue初始化函数， export default{} 相当于new Vue({})
export default {
name: 'chart',
data () {
return {
activeName2: 'first-ta',
}
},
methods: {
handleClick: function (tab, event) {
console.log(event)
console.log(Attribute('id'))  //获取到当前元素的id
}
}
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。