如何在V-btn上触发点击事件?

时间:2019-07-31 13:28:44

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

当我尝试使用@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,它正在工作。我的代码有什么问题?

1 个答案:

答案 0 :(得分:0)

您可能需要删除()

尝试一下:

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

不确定您是否需要.native