<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="标签1" name="first">内容1</el-tab-pane>
<el-tab-pane label="标签2" name="second">内容2</el-tab-pane>
<el-tab-pane label="标签3" name="third">内容3</el-tab-pane>
</el-tabs>
<script>
export default {
data() {
return {
activeName: 'first'
};
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
}
}
};
</script>
详细属性参考官方网站:Element - The world's most popular Vue UI framework