el-input只能输入0-100或1-100的正整数

el-input只能输入0-100或1-100的正整数_第1张图片

需求:

vue项目中需要限制笔刷大小只能输入1-100的正整数的限制。

思路:

通过@input事件和slider的最大值、最小值相结合来控制,注意oninput和@input事件不能同时使用,不然会冲突导致事假失效。

代码:

html:

el-input只能输入0-100或1-100的正整数_第2张图片

js: el-input只能输入0-100或1-100的正整数_第3张图片

 

 

你可能感兴趣的:(element,ui,vue,html,前端)