Javascript Vue.js-调用函数并使用v-on运行表达式:单击

Javascript Vue.js-调用函数并使用v-on运行表达式:单击,javascript,vue.js,vuejs2,vue-component,vuetify.js,Javascript,Vue.js,Vuejs2,Vue Component,Vuetify.js,演示如何通过执行v-on:click=“firstFunction();secondFunction();”,使用v-on调用两个函数。但是在我的项目中,除了调用Vuetify强加的表达式之外,我还需要调用一个函数。默认的Vuetify代码是: <v-btn color="success" @click="dialog = false"> Save Row </v-btn> 但这破坏了Vuetify的功能(对话框不再关闭)。有什么建议吗?在newRow()方法中添加

演示如何通过执行
v-on:click=“firstFunction();secondFunction();”
,使用
v-on调用两个函数。但是在我的项目中,除了调用
Vuetify
强加的表达式之外,我还需要调用一个函数。默认的
Vuetify
代码是:

<v-btn color="success" @click="dialog = false">
  Save Row
</v-btn>
但这破坏了Vuetify的功能(对话框不再关闭)。有什么建议吗?

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-btn color="success" @click="newRow()">
    Save Row
  </v-btn>