比如结构是这样的。
<van-tabs v-model="active" @click="onClick">
<van-tab title="标签 1">内容 1</van-tab>
<van-tab title="标签 2">内容 2</van-tab>
<van-tab title="标签 3">内容 3</van-tab>
<van-tab title="标签 4">内容 4</van-tab>
</van-tabs>
export default {
data() {
return {
active: 2,
};
},
};
在方法内加一个title参数,可以先看一下这个参数是什么,一般对应你v-model绑定的active。
然后通过判断这个title等于几来对对应的标签页操作。
methods: {
onClick( title) {
//可以看看title是什么
console.log(title)
if(title == 1){
console.log("操作成功")
}
},
},