javascript - 在vue中如何在符合條件的情況下才綁定事件

Question

---

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

例如這樣的一行程式碼，假設我有一個isRightPhoneNumber這樣的變量，我希望只有當我的isRightPhoneNumber為true時才讓上面按鈕的事件生效該怎麼做？我想到的一個辦法是在getVerifyCode函數裡面加判斷，像這樣

if(!this.isRightPhoneNumber) return;

但是我不太想用這種辦法，所以想問下有沒有別的方法，類似v-if之類的做法有嗎

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

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

Answer 1

:disabled="!isRightPhoneNumber"