elementui tabs 如何知道点击的是那个子项
时间: 2023-06-09 09:02:28 浏览: 86
vue elementUI使用tabs与导航栏联动
5星 · 资源好评率100%
您好,对于elementui的tabs组件,您可以通过绑定tab-click事件来获取点击的子项。具体可参考以下代码:
<template>
<el-tabs @tab-click="handleClick">
<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 {
methods: {
handleClick(tab, event) {
console.log(tab.label); // 输出点击的子项文本内容
}
}
}
</script>
这样,当您点击某个子项时,就会触发handleClick方法,并将点击的子项tab以及事件event传递给该方法,从而可以读取到点击的子项信息。希望能对您有所帮助。
阅读全文