How the el-input-number tag sets the maxlength? of input Can I use the native properties of input?

I finally realized it with the attribute of precision (precision) + max (: max= "9999"). The change event mentioned above should also be implemented, but I think my method is better,

html native tag input has a maxlength attribute;

I use the el-input-number tag of the elementUI component library, which encapsulates input. Can I set the native properties of input through this component
below are the properties provided by the official display of this component

cannot use the following max attribute, because the value I entered may be a decimal,

value binding value number--
min sets the minimum allowed value of the counter number-- Infinity
max sets the maximum allowed value of the counter number-Infinity
step counter step size number-1
precision numerical precision number--
size counter size string large, Small-
disabled whether to disable the counter boolean-false
controls whether to use the control button boolean-true
controls-position control button position string right-
name native property string--
label text string associated with the label input box--

Element vue.js
Apr.13,2021

is not available. Take a look at his implementation. El-input extends all the properties on the component, but el-input-number is a re-encapsulation of el-input, referencing only a few of them. Although you cannot set the maxlength property, you can use change events to Filter data, which is the usual way of using raw input Filter data.
el-input][2]
el-input-number

I finally realized it with the attribute of precision (precision) + max (: max= "9999"). The change event mentioned above should also be implemented, but I think my method is better, 




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

Previous: The server returns gb2312 data, using jquery ajax response for Chinese garbled, how to break?

Next: Can react-router4 block access to a route?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu