javascript – So binden Sie Ereignisse nur, wenn Bedingungen in Vue erfüllt sind

Question

---

 <button @click.prevent="getVerifyCode">获取验证码</button>

Zum Beispiel eine Codezeile wie diese, angenommen, ich habe eine isRightPhoneNumber这样的变量，我希望只有当我的isRightPhoneNumber为true时才让上面按钮的事件生效该怎么做？我想到的一个办法是在getVerifyCode Funktion mit einem Urteil darin, wie dieses

if(!this.isRightPhoneNumber) return;

Aber ich möchte diese Methode nicht wirklich verwenden, deshalb möchte ich fragen, ob es eine andere Methode gibt. Gibt es eine ähnliche Methode wie v-if?

{{messageLogin?'登录':'密码登录'}}

<form class='message-form' v-if='messageLogin'></form>

Answer 1

:disabled="!isRightPhoneNumber"