element输入框限制

Bige_long
发布于 2025-3-26 10:06
浏览
1收藏
//限制:只能输入正整数,最小长度1.最大长度3,
<el-input
  v-model.number="form.base"
  oninput="value=value.replace(/[^\d]/g,'')"
  :maxlength="3"
  :minlength="1"
  clearable>
</el-input>

//限制:大于100时自动转为100,最小为0 (问题:在value = 0时,能输入汉字)
 <el-input
  v-model.number="form.base"
  oninput="if(value > 100) value = 100; if(value < 0 || value == '' || value == null) value = 0;"
  clearable>
</el-input>

// 完美版本
 <el-input
    v-model.number="row.score"
    oninput="value = value.replace(/[^\d]/g,'');if(value > 100) value = 100;if(value < 0 || value == '' || value == null) value = 0;">
</el-input>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

标签
已于2025-4-9 13:37:47修改
1
收藏 1
回复
举报
1
2
1
2条回复
按时间正序
/
按时间倒序
Bige_long
Bige_long

好文章

1
回复
2025-3-31 15:57:52
wx67beb50c849b5
wx67beb50c849b5

同意,这是好文章。

回复
2025-3-31 15:58:44
回复
    相关推荐