vue+iview InputNumber最小值限制输入问题

问题描述：<InputNumber min="9" v-model="num"><InputNumber/>输入任意数字都会变成9，我想输入12但是刚输入1输入框中的值就成了9,感觉是个InputNumber组件的bug？？解决问题：查看文档说明限制最大值最小值只能设置 :active-change=“false” 失去焦点去设置限制修改后的：<Inp...

小方块的世界

5956人浏览 · 2020-03-27 08:30:37

小方块的世界 · 2020-03-27 08:30:37 发布

问题描述：

<InputNumber min="9" v-model="num"><InputNumber/>

输入任意数字都会变成9，我想输入12但是刚输入1输入框中的值就成了9,感觉是个InputNumber组件的bug？？

解决问题：

查看文档说明限制最大值最小值只能设置 :active-change=“false” 失去焦点去设置限制
修改后的：

<InputNumber min="9" v-model="num" :active-change="false" ><InputNumber/>

修改后InputNumber就会在失去焦点时候才出发change事件，这个最小值输入的体验问题就解决了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^