当前位置: 首页 > 工具软件 > Model Search > 使用案例 >

解决el-input输入框使用oninput或onkeyup后,v-model双向绑定失效问题

奚昌胤
2023-12-01

在输入中文触发oninput后,v-model绑定的值会被设成空字符串,这时候再输入数字,v-model绑定的值不会被赋值,一直为空。解决方法可以用blur手动给绑定的值赋值。

          <el-input
            v-model="form.account"
            clearable
            placeholder="请输入手机号"
            onkeyup="value=value.replace(/[^\d]/g,'')"
            @blur="form.account = $event.target.value"
          ></el-input>
 类似资料: