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
  }
}
上一篇下一篇

猜你喜欢

热点阅读