思考 el-input-number 和 a-input-number限制空格输入的不同

766 阅读1分钟

普通输入框怎么限制输入空格呢?

  1. vue自带的trim修饰符 (v-model.trim)
  2. 正则表达式过滤空格 (/\s*/g)

思考:我们在使用el-input-number 和 a-input-number 可以发现这两个组件不允许输入空格,那么他们的实现有什么不同吗?

  1. el-input-number 是靠Number() 来过滤空格的 源码位置:packages\input-number\src\input-number.vue image.png

2.a-input-number 相对来说有些复杂,是依靠正则过滤的 源码位置:components\input-number\src\InputNumber.tsx

image.png