美文网首页
vue监听input输入事件

vue监听input输入事件

作者: 明眸yh | 来源:发表于2021-01-21 16:05 被阅读0次

    使用@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
      }
    }
    

    相关文章

      网友评论

          本文标题:vue监听input输入事件

          本文链接:https://www.haomeiwen.com/subject/rmhdzktx.html