步进输入框(vStepInput)

单组件引入

import <name> from ‘vucc/step-input’;

示例


值:





代码 V

<v-step-input :size="'small'" v-model="value"></v-step-input>
<v-step-input :on-change="onChange" v-model="value"></v-step-input>
<v-step-input :size="'large'" :min="10" :max="80" :step="5" v-model="value"></v-step-input>


data() {
    return {
        value: 20
    }
},
methods: {
    onChange(value, vm) {
        console.log(arguments);
    }
}



属性

参数 说明 类型 可选值 默认值
min 当前步进输入框的最小值 Number - 0
max 当前步进输入框的最大值 Number - 100
value 当前步进输入框的值,不传入时默认为最小值 Number - min
step 步进值,每次增加或者减少多少 Number - 1
size 组件的大小 String normal/large/small normal
isDisabled 组件是否可以点击 Boolean - false
isOnlyClick 限制只能点击改变数值,而不能按住,防止onUp/onDown中的大量逻辑被触发 Boolean - false

方法

方法名 说明 类型 参数 默认值
onUp 点击向上按钮时的回调 Function value当前组件的值,vm当前组件的实例对象 -
onDown 点击向下按钮时的回调 Function value当前组件的值,vm当前组件的实例对象 -
onChange 输入框填写改变事件 Function value当前组件的值,vm当前组件的实例对象 -
← 文本框和文本域(vInput & vTextarea) 徽标数(vBadge) →