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 组件上的点击事件

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

原文由 Hayreddin Tüzel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

希望我能帮上忙！

原文由 André Amâncio de Moraes 发布，翻译遵循 CC BY-SA 4.0 许可协议