Vue.js 如何根据v-on回调中的值调用不同的函数

我的代码是

<form @submit.prevent="buttonName === 'Create' ? createCountries : updateCountries"> 
-----
----
</form>


methods :{
        createCountries(){
           ----
        },
        updateCountries(){
            -----
        }
}

-----
----
方法：{
创建国家（）{
----
},
updateCountries（）{
-----
}
}

它不起作用 我需要在@submit中提交两个使用条件的方法

---

我怎样才能解决这个问题

您应该避免在模板中执行这样的逻辑。相反，将方法绑定到submit事件，并在方法本身内执行必要的if/else方法调用：

<form @submit.prevent="onFormSubmit">

onFormSubmit: function() {
    if (this.buttonName === 'Create')
        this.createCountries();
    else
        this.updateCountries();
}