vant移动端tab标签如何找到对应的标签绑定事件

比如结构是这样的。

<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("操作成功")
      }
    },
  },

你可能感兴趣的:(踩坑,移动端,vue,vant,移动端,tab标签)