el-input-number标签如何设置input的maxlength?能否使用input的原生属性?

我最终用精度(precision)+max(:max="9999")这个属性实现的,楼上说的change事件应该也可以实现,但我觉得自己的办法更好,哈哈

html原生标签input有个maxlength属性;

我使用了elementUI组件库的el-input-number标签,这个组件对input进行了封装,能否通过这个组件设置input的原生属性
下方是这个组件官方显示提供的属性

不能使用下面的max属性,因为我输入的值可能是小数,

value 绑定值 number — —
min 设置计数器允许的最小值 number — -Infinity
max 设置计数器允许的最大值 number — Infinity
step 计数器步长 number — 1
precision 数值精度 number — —
size 计数器尺寸 string large, small —
disabled 是否禁用计数器 boolean — false
controls 是否使用控制按钮 boolean — true
controls-position 控制按钮位置 string right -
name 原生属性 string — —
label 输入框关联的label文字 string — —

阅读 15.5k
2 个回答

我最终用精度(precision)+max(:max="9999")这个属性实现的,楼上说的change事件应该也可以实现,但我觉得自己的办法更好,哈哈




<el-input-number :ref="'input'+scope.row.selectionNo" style="width: 100px;"
                                 v-model="scope.row.unconfirmOddsCopy" :max="9999"
                                 :precision="getPrecision(scope.row.unconfirmOddsCopy)" 
                                 controls-position="right"></el-input-number>
getPrecision(value) {
    if (value < 10) {
      return 3
    } else if (value < 100) {
      return 2
    } else if (value < 1000) {
      return 1
    } else {
      return 0
    }
  },

不能使用,看了下他的实现,el-input扩展了组件上的所有属性,但是el-input-number是对el-input的再封装,只是引用了其中几个属性。虽然不能设置maxlength属性,但是可以使用change事件来过滤数据,这也是原始input过滤数据的常规方式。
el-input][2]
el-input-number

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏