为了账号安全,请及时绑定邮箱和手机立即绑定

el-input-number标签如何设置input的maxlength?

el-input-number标签如何设置input的maxlength?

斯蒂芬大帝 2018-08-26 12:34:26
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 — -Infinitymax 设置计数器允许的最大值 number — Infinitystep 计数器步长 number — 1precision 数值精度 number — —size 计数器尺寸 string large, small —disabled 是否禁用计数器 boolean — falsecontrols 是否使用控制按钮 boolean — truecontrols-position 控制按钮位置 string right -name 原生属性 string — —label 输入框关联的label文字 string — —
查看完整描述

1 回答

?
慕妹3242003

TA贡献1824条经验 获得超6个赞

<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
    }
  },


查看完整回答
反对 回复 2018-08-27
  • 1 回答
  • 0 关注
  • 9422 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信