el tabs组件怎么通过手动方式切换

Question

怎么通过，按钮手动方式一个个向前向后切换
我看了文档https://element.eleme.cn/#/zh... 没发现有这个功能

Answer 1

vue是响应式的，是通过数据来控制视图的。

拿你贴的这个示例来说，是通过activeName这个变量来控制tabs的切换的，那么你点击按钮的时候动态改变这个变量的值就可以达到你想要的效果了

<el-button @click='handc'>默认按钮</el-button>

activeNames: ['first', 'second', 'third', 'fourth']
activeIndex: 0

handc(){
    this.activeIndex++;
    if(this.activeIndex >= this.activeNames.length){
        this.activeIndex = 0
    }
    
    this.activeName = this.activeNames[this.activeIndex]
}