input-number
Configuration Item Description
Parameter |
Type |
Mandatory |
Example |
Description |
---|---|---|---|---|
type |
String |
Yes |
type: "input-number" |
Configuration item type. |
value |
String |
No |
value: 1 |
Default value. |
name |
String |
Yes |
name: "commProps.myString" |
The value of this field is bidirectionally bound to the value of commProps.myString in advanceEditvm. |
label |
Object |
No |
label: {"zh_CN": "Chinese label", "en_US": "En label"} |
Label of a configuration item, which needs to be internationalized. |
tip |
Object |
No |
tip: {zh_CN: "Chinese tip," en_US: "English tip"} |
Tip icon. When a configuration item is complex, you can add some tip content. |
noToolTip |
Boolean |
No |
noToolTip: false |
Whether the tag has el-tooltip. The default value is false. |
disabled |
Function | Boolean |
No |
disabled: true or (data, field, vm) => boolean |
Whether to disable the function. You can customize the function to determine whether to disable the function based on the values of other options. If true is returned, the function is disabled. |
showFunc |
Function |
No |
showFunc: function(vm) { return vm.commProps.showTitle; } |
Whether to display the configuration item. You can customize the function to determine whether to display the configuration item based on the values of other options. If true is returned, the function definition is displayed. |
placeholder |
String |
No |
placeholder: {"zh_CN": "Please enter," "en_US": "Please input"} |
Placeholder text in the text box. |
stepStrictly |
Boolean |
No |
stepStrictly: false |
Indicates whether only a multiple of step can be entered. The default value is false. |
precision |
Number |
No |
precision: 2 |
Value precision. |
step |
Number |
No |
number: 1 |
Counter step. The default value is 1. |
hideControls |
Boolean |
No |
hideControls: false |
Whether to use the control button. |
min |
Number |
No |
min: 0 |
Sets the minimum value allowed by the counter. The default value is -Infinity. |
max |
Number |
No |
max: 100 |
Sets the maximum value allowed by the counter. The default value is Infinity. |
Event
Event Name |
Method In Configuration Item |
Description |
Callback Parameter |
---|---|---|---|
change |
change |
Triggered only when the input box loses the focus or the user presses Enter. |
(data, field) |
blur |
blur |
Triggered when the input box obtains the focus. |
(value, data, field) |
focus |
focus |
Triggered when the input box loses the focus. |
(value, data, field) |
Configuration Example
The following is an example of the input-number configuration. The configuration effect is shown in Figure 1.
{ type: 'input-number', name: 'commProps.myInputNumber', value: '88', label: { zh_CN: 'input-number type', en_US: 'input-number Type Example' }, step: '0.01', stepStrictly: true, precision:'2', placeholder: { zh_CN: 'Enter the title content', en_US: 'Enter the title content.' }, min: '20', max: '100' }
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot