• NumberBox 数字输入框

    NumberBox 数字输入框

    带加减按钮的数字输入框,组件名:uni-number-box,代码块: uNumberBox。

    使用方式:

    script 中引用组件

    1. import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue"
    2. export default {
    3. components: {uniNumberBox}
    4. }

    template 中使用组件

    1. <uni-number-box></uni-number-box>
    2. <uni-number-box :min="0" :max="9"></uni-number-box>
    3. <uni-number-box @change="bindChange"></uni-number-box>

    NumberBox 属性说明:

    属性名类型默认值说明
    valueNumber0输入框当前值
    minNumber0最小值
    maxNumber100最大值
    stepNumber1每次点击改变的间隔大小
    disabledBooleanfalse是否为禁用状态

    事件说明:

    事件名称说明
    change输入框值改变时触发的事件,参数为输入框当前的 value

    Tips

    • 组件实际运行效果参考:https://github.com/dcloudio/uni-ui
    • npm 使用方式参考:https://ext.dcloud.net.cn/plugin?id=55