History

Custom Stepper 自定义步进器组件

介绍

自定义步进器组件，类似于Vant Weapp的van-stepper，包含两个按钮和一个输入框，可用于在设定的范围内增加或减少数值。

在页面的JSON配置文件中注册组件：

{
  "usingComponents": {
    "custom-stepper": "/components/custom-stepper/index"
  }
}

在WXML中使用组件：

<custom-stepper 
  value="{{ value }}" 
  min="0" 
  max="100" 
  step="1" 
  disabled="{{ false }}" 
  bindchange="onChange" />

在页面JS中处理事件：

Page({
  data: {
    value: 0
  },
  
  onChange(e) {
    this.setData({
      value: e.detail.value
    });
  }
});

事件名	说明	返回值
bindchange	当值发生变化时触发	{ value: Number }