我们在开发中难免会遇到一些登录注册输入框中的值为空时,按钮的状态变成为不可点击的状态,当输入框有值后就把按钮变为可点击的状态
代码部分:
<input placeholder="请输入手机号" name="input" type="number" v-model="phone" @input="changeDisabled"></input>@input: 输入框输入的实时监听 <button class="bg-blue text-center login_btn" :disabled="disabled">登录</button>
data() { return { disabled: true } } changeDisabled(e) { // console.log(e) if (e.detail.value != "") { this.disabled = false; } else { this.disabled = true; } },
效果图:
有值后: