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

問題描述

<button @click.prevent='getVerifyCode'>獲取驗證碼</button>

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

if(!this.isRightPhoneNumber) return;

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

{{messageLogin?’登錄’:’密碼登錄’}}

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

問題解答

:disabled='!isRightPhoneNumber'