Stepper 步进器
引入
在或index.json
中引入组件,详细介绍见
基础用法
通过value
设置输入值,可以通过change
事件监听到输入值的变化
<van-stepper value="{{ 1 }}" bind:change="onChange" />
Page({
console.log(event.detail);
}
});
步长设置
通过min
和属性限制输入值的范围
<van-stepper value="{{ 5 }}" min="5" max="8" />
限制输入整数
设置integer
属性后,输入框将限制只能输入整数
<van-stepper value="{{ 1 }}" integer />
禁用状态
固定小数位数
通过设置decimal-length
属性可以保留固定的小数位数
<van-stepper value="{{ 1 }}" step="0.2" decimal-length="{{ 1 }}" />
如果需要异步地修改输入框的值,可以设置async-change
属性,并在change
事件中手动修改value
<van-stepper value="{{ value }}" async-change bind:change="onChange" />