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

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 — —


斯蒂芬大帝
浏览 9456回答 1
1回答

慕妹3242003

<el-input-number&nbsp;:ref="'input'+scope.row.selectionNo"&nbsp;style="width:&nbsp;100px;" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;v-model="scope.row.unconfirmOddsCopy"&nbsp;:max="9999" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:precision="getPrecision(scope.row.unconfirmOddsCopy)"&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controls-position="right"></el-input-number> getPrecision(value)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(value&nbsp;<&nbsp;10)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;3 &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(value&nbsp;<&nbsp;100)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;2 &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(value&nbsp;<&nbsp;1000)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;1 &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;0 &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;},
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js