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

发布于 2022-09-07 21:10:15 字数 751 浏览 20 评论 0

我最终用精度(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 — —

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

唐婉 2022-09-14 21:10:15

我最终用精度(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
    }
  },
小ぇ时光︴ 2022-09-14 21:10:15

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文