vue项目中，使用vant插件中的标签页，为什么没办法添加事件。在线求助！！！

林夕★

[HTML] 纯文本查看 复制代码

<template>
  <div class="">
    <van-tabs >
      <van-tab v-for="(item, index) in name" :key="index" :title="item.title" @click=‘add’>
        <van-card
          v-for="(item, index) in list"
          :key="index"
          :price="item.price"
          :desc="item.desc"
          :title="item.title"
          :thumb="item.pic"
          :origin-price="item.old_price"
        />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: [],
      list: [],
    };
  },
  created() {
    this.$axios
      .get("fenlei.json", {
        params: {},
      })
      .then((res) => {
        this.name = res.data.result;
        console.log(this.name);
      });
    this.$axios.get("list.json").then((res) => {
      this.list = res.data.result;
    });
  },
  methods: {
add() {
      console.log(111);
    },
  },
  components: {},
};
</script>

<style lang='scss'>
</style>

d199212

click事件是在tabs上面，不是tab

goldli

单引号是全角

花不开但要富贵

方法错了，这个官方文档说明，写的很清楚

我今天是大佬

研究 click事件  放在哪个元素上

fan1191237272

事件是放在van-tabs上，而且你的@click="add"的单引号不对劲，没发现吗？

肥猫警长

马马虎虎的

qa2080639

@click 改成 @click.native   单引号改成双引号

lucklys

van-tab  这是一个组件 你懂不懂组件。。。。

Mr.[先知]

时间是在tabs上面,另外你的add的引号不对