Javascript Vuejs:有条件地在@click上调用函数

我有一个名为continue的按钮，我想做的是单击我想检查一个条件，如果

isUpgrade

为真或假。如果为true，则必须执行

proceedToPayment=true

，如果为false，则执行另一个

validateSite（）

-（需要调用一个方法）

继续

上述代码不起作用。这真的有可能吗？如果是，我哪里弄错了

我已提过这个堆栈溢出问题-

---

但我并没有真正得到答案。

你不需要单引号：

<button type="button" class="btn btn-info" @click="isUpgrade ? {proceedToPayment = true} : { validateSite() }">Continue</button>

继续

您不需要单引号：

<button type="button" class="btn btn-info" @click="isUpgrade ? {proceedToPayment = true} : { validateSite() }">Continue</button>

继续

使用单引号时，您有一个字符串。删除引号，其工作原理如下：

var-app=新的Vue({
el:“#应用程序”，
数据：{
是的，
proceedToPayment:错误
},
方法：{
validateSite:function（）{
警报（'validateSite called！'）；
}
}
});

继续
{{proceedToPayment}
使用单引号时，您有一个字符串。删除引号，其工作原理如下：


var-app=新的Vue({
el:“#应用程序”，
数据：{
是的，
proceedToPayment:错误
},
方法：{
validateSite:function（）{
警报（'validateSite called！'）；
}
}
});

继续
{{proceedToPayment}
您只需去掉三元组中的引号即可：


newvue({
el:“应用程序”，
数据：{
isUpgrade:false，
proceedToPayment:错误
},
方法：{
validateSite（）{
console.log（'working'）
}
}
})

继续
您只需去掉三元组中的引号即可：


newvue({
el:“应用程序”，
数据：{
isUpgrade:false，
proceedToPayment:错误
},
方法：{
validateSite（）{
console.log（'working'）
}
}
})

继续
Err，为什么要使用三值真/假大小写字符串而不是表达式？删除赋值表达式和方法调用表达式周围的单引号。呃，为什么要使用三值真/假大小写字符串而不是表达式？删除赋值表达式和方法调用表达式周围的单引号。非常感谢。错过了，非常感谢。错过了谢谢你的时间。错过了谢谢你的时间。错过了