网站 › 『编程语言讨论求助区』 › vue项目中，使用vant插件中的标签页，为什么没办法添加事件。在线求助！！！

林夕★ 发表于 2021-10-19 20:25

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

<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 发表于 2021-10-20 08:13

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

goldli 发表于 2021-10-20 08:52

单引号是全角

花不开但要富贵 发表于 2021-10-20 08:58

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

我今天是大佬 发表于 2021-10-20 09:00

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

fan1191237272 发表于 2021-10-20 09:05

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

肥猫警长 发表于 2021-10-20 09:12

{:17_1089:}马马虎虎的

qa2080639 发表于 2021-10-20 10:34

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

lucklys 发表于 2021-10-20 10:35

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

Mr.[先知] 发表于 2021-10-20 10:46

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

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