Question

This answer显示了如何通过执行v-on用v-on:click="firstFunction(); secondFunction();"调用两个函数。但是在我的项目中，除了Vuetify施加的表达式之外，我还需要调用一个函数。默认的Vuetify代码是：

<v-btn color="success" @click="dialog = false">
  Save Row
</v-btn>

但是，在表达式dialog = false旁边，我需要调用某个函数newRow()。我尝试过：

 <v-btn color="success" @click="newRow(); dialog = false">
    Save Row
</v-btn>

但这破坏了Vuetify功能（对话框不再关闭）。有什么建议吗？

Answer 1

在您的newRow()方法内添加：

      methods:{
          newRow(){
           //here put the logic to add new row 
           //and after that close the dialog box
           this.dialog=false;
           }
      ...
     }

并在模板中调用它：

  <v-btn color="success" @click="newRow()">
    Save Row
  </v-btn>

调用函数并使用v-on运行表达式：单击

1 个答案: