Vuetify v-btn 点击事件

Question

我正在使用 vuetify，并且尝试在单击 v-btn 组件时调用一个方法。但似乎不起作用。

这是我的代码：

<v-btn @click="bookmarkSave()">
    <v-icon v-if="!isBookmarked">bookmark_border</v-icon>
    <v-icon v-else>bookmark</v-icon>
</v-btn>

我在组件中（在方法部分）声明了一个方法，如下所示：

bookmarkSave : async function () {
                  const response = await axios.get('api/bookmark-kaydet?voice_id=' + this.audio.id);
                 console.log(response);
               }

但我无法在单击事件上调用 bookmarkSave() 方法。另外，我也尝试了 .native 选项。知道我的代码有什么问题吗？或者谁想向我​​展示在 v-btn 组件上使用 click 事件

当我单击按钮时，没有控制台错误或网络日志。我只能在 vue 工具上看到一些输出。我添加了一张相关图片。

Answer 1

将 .native 附加到 @click，因为 @click.native="func" 对我有用，因为底层组件本身没有此事件。

您还可以将组件包装到具有此功能的本机 html 元素（即 div）中。

希望我能帮忙！