InputNumber 数字输入框

概述

输入一定范围的标准数值。

使用指南

在.vue中引入组件

<script>
    import iInputNumber from 'iview-mpvue/dist/components/input-number/input-number'
    export default {
        components: {
            'i-input-number': iInputNumber
        }
    }
</script>

示例

<i-panel title="基础用法">
    <div style="padding: 16px">
      <i-input-number :value="value1" min="0" max="100" @change="handleChange1" />
    </div>
</i-panel>

<i-panel title="小数">
    <div style="padding: 16px">
      <i-input-number :value="value2" min="0" max="100" step="0.2" @change="handleChange2" />
    </div>
</i-panel>

API

InputNumber properties

属性	说明	类型	默认值
i-class	自定义 class 类名	String	-
value	当前值	Number	1
max	最大值	Number	Infinity
min	最小值	Number	-Infinity
step	每次改变的步伐，可以是小数	Number	1

InputNumber events

事件名	说明	返回值
bind:change	当绑定值变化时触发的事件	{ value, type }