InputNumber 数字输入框

概述

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

使用指南

在 .json 中引入组件

  1. "usingComponents": {
  2.     "i-input-number": "../../dist/input-number/index"
  3. }

示例

  1. <i-panel title="基础用法">
  2.     <view style="padding: 16px">
  3.         <i-input-number value="{{ value1 }}" min="0" max="100" bindchange="handleChange1" />
  4.     </view>
  5. </i-panel>
  7. <i-panel title="小数">
  8.     <view style="padding: 16px">
  9.         <i-input-number value="{{ value2 }}" min="0" max="100" step="0.2" bindchange="handleChange2" />
  10.     </view>
  11. </i-panel>
Page({
    data: {
        value1: 1,
        value2: 0.1
    },

    handleChange1 ({ detail }) {
        this.setData({
            value1: detail.value
        })
    },

    handleChange2 ({ detail }) {
        this.setData({
            value2: detail.value
        })
    }
});

API

InputNumber properties

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

InputNumber events

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