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

Question

这个答案显示了如何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功能（对话框不再关闭）。有什么建议吗？

标签： javascriptvue.jsvuejs2vue-componentvuetify.js

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>