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"

这篇关于javascript - 在vue中如何在符合条件的情况下才绑定事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！