el-input只能输入指定范围的数字

时间:2024-10-01 14:52:07

el-input只能输入指定范围的数字

需求:el-input只能输入指定范围的数字,不采用el-input-number组件。

几个关键点如下

  1. v-model.number
  2. type="number"
  3. min="1" max="999999" 数字的范围
  4.  οninput="validity.valid ||(value ='');" 解决输入不合法

注意点:min和max不要写成el-input-number的:动态绑定的形式,就这种普通的形式就可以。

<el-input v-model.number="orderIndex" type="number" min="1" max="999999" oninput="validity.valid ||(value ='');" placeholder="顺序"/>