鍍金池/ 問答/Android  HTML/ el-input-number標簽如何設(shè)置input的maxlength？能否使

el-input-number標簽如何設(shè)置input的maxlength？能否使用input的原生屬性？

我最終用精度（precision）+max（:max="9999"）這個屬性實現(xiàn)的,樓上說的change事件應(yīng)該也可以實現(xiàn)，但我覺得自己的辦法更好，哈哈

html原生標簽input有個maxlength屬性；

我使用了elementUI組件庫的el-input-number標簽，這個組件對input進行了封裝，能否通過這個組件設(shè)置input的原生屬性
下方是這個組件官方顯示提供的屬性

不能使用下面的max屬性，因為我輸入的值可能是小數(shù)，

value 綁定值 number — —
min 設(shè)置計數(shù)器允許的最小值 number — -Infinity
max 設(shè)置計數(shù)器允許的最大值 number — Infinity
step 計數(shù)器步長 number — 1
precision 數(shù)值精度 number — —
size 計數(shù)器尺寸 string large, small —
disabled 是否禁用計數(shù)器 boolean — false
controls 是否使用控制按鈕 boolean — true
controls-position 控制按鈕位置 string right -
name 原生屬性 string — —
label 輸入框關(guān)聯(lián)的label文字 string — —

回答
編輯回答
小曖昧

不能使用，看了下他的實現(xiàn)，el-input擴展了組件上的所有屬性，但是el-input-number是對el-input的再封裝，只是引用了其中幾個屬性。雖然不能設(shè)置maxlength屬性，但是可以使用change事件來過濾數(shù)據(jù)，這也是原始input過濾數(shù)據(jù)的常規(guī)方式。
el-input][2]
el-input-number

2017年2月26日 17:33
編輯回答
傻丟丟

我最終用精度（precision）+max（:max="9999"）這個屬性實現(xiàn)的,樓上說的change事件應(yīng)該也可以實現(xiàn)，但我覺得自己的辦法更好，哈哈




<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
    }
  },
2017年7月3日 00:41