Vue.js 如何在v-slide-item中单击添加自定义功能?

Vue.js 如何在v-slide-item中单击添加自定义功能?,vue.js,vuetify.js,Vue.js,Vuetify.js,正如我们在这里看到的 Vuetify已经在v-slide-item中提供了一个带有默认v-slot的幻灯片组,例如: v-slot:default="{ active, toggle }" 然后在v-slide-item中,我们可以添加一个组件,例如v-card,但我们需要有默认的@click=“toggle”,例如: 一些内容 该开关用于v形槽 我的问题是,当我想调用自己的函数时,我试图在v-card中创建另一个组件,然后添加@click=“myFunction” 但该函数被调用的次数超过

正如我们在这里看到的

Vuetify已经在v-slide-item中提供了一个带有默认v-slot的幻灯片组,例如:

v-slot:default="{ active, toggle }"
然后在v-slide-item中,我们可以添加一个组件,例如v-card,但我们需要有默认的@click=“toggle”,例如:

一些内容
该开关用于v形槽

我的问题是,当我想调用自己的函数时,我试图在v-card中创建另一个组件,然后添加@click=“myFunction”

但该函数被调用的次数超过1次(与v-slide-item的调用次数相同)。如果我有10个项目,该函数将被调用10次,尽管我只在该项目中单击一次。 当我尝试在v型卡上添加一个组件时,也会发生同样的情况


奇怪的是,如果我更改v-card中的click函数,它只会被调用一次。所以我想我应该在v-card中调用我的函数,但它被toggle使用。有什么建议我可以在v-card中调用我自己的函数吗?

我意识到,在@click旁边,我们还可以添加v-on:click

所以为了解决我的问题,在我的v卡中,我有两个点击功能

<v-card @click="toggle"> some contents </v-card>