如何在 V-btn 上触发点击事件？答案

【问题标题】：How to fire click event on V-btn?如何在 V-btn 上触发点击事件？
【发布时间】：2019-12-09 01:02:02
【问题描述】：

当我尝试使用 @click 在 v-btn 上触发事件时，它不起作用。我也尝试使用@click.native。没用。

<v-flex align-start left style="margin-top:-30px;">
    <v-btn color="primary" icon :disabled="isDataFlag==1" @click.native="resetForm()">
      <v-icon>clear</v-icon>
    </v-btn>
    <v-btn color="warning" icon :disabled="isDataFlag==0" @click.native="updateForm()">
      <v-icon>edit</v-icon>
    </v-btn>
    <v-btn color="success" icon :disabled="isDataFlag==1" @click.native="submitForm()">
      <v-icon>save</v-icon>
    </v-btn>
  </v-flex>

另一部分有同名的方法。仍然无法正常工作。我尝试在其他平台上单独使用 v-btn click 并且它正在工作。我的代码有什么问题？

【问题讨论】：

保留或删除 () 并不重要。功能在哪里？它是在方法内部还是在其他地方？可以提供一下JS代码吗？

标签： vue.js vue-component vuetify.js

【解决方案1】：

您可能需要删除 ()

试试这个：

<v-btn color="primary" icon :disabled="isDataFlag==1" @click.native="resetForm">
  <v-icon>clear</v-icon>
</v-btn>

不确定是否需要 .native

【讨论】：