javascript - Comment lier des événements uniquement lorsque les conditions sont remplies dans Vue

Question

---

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

Par exemple, une ligne de code comme celle-ci, supposons que j'ai une fonction isRightPhoneNumber这样的变量，我希望只有当我的isRightPhoneNumber为true时才让上面按钮的事件生效该怎么做？我想到的一个办法是在getVerifyCode avec un jugement à l'intérieur, comme celle-ci

if(!this.isRightPhoneNumber) return;

Mais je ne veux pas vraiment utiliser cette méthode, donc je veux demander s'il existe une autre méthode, existe-t-il une méthode similaire à v-if ?

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

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

Answer 1

:disabled="!isRightPhoneNumber"