vue监听input输入事件
2021-01-21 本文已影响0人
明眸yh
使用@input监听输入事件,登录按钮交互效果
UI库使用vant
输入框:
<input @input="changeUserName" type="text" class="text-input" v-model="query.user_name" placeholder="请输入您的账号" />
按钮:
<van-button :disabled="isLogin" size="large" type="primary" block>登录</van-button>
输入事件:
changeUserName(e) {
const { value } = e.target;
if(value) {
this.isLogin = false
} else {
this.isLogin = true
}
}