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>