Stepper 步进器

引入

在或index.json中引入组件,详细介绍见

基础用法

通过value设置输入值,可以通过change事件监听到输入值的变化

  1. <van-stepper value="{{ 1 }}" bind:change="onChange" />
  1. Page({
  2. console.log(event.detail);
  3. }
  4. });

步长设置

通过min和属性限制输入值的范围

  1. <van-stepper value="{{ 5 }}" min="5" max="8" />

限制输入整数

设置integer属性后,输入框将限制只能输入整数

  1. <van-stepper value="{{ 1 }}" integer />

禁用状态

固定小数位数

通过设置decimal-length属性可以保留固定的小数位数

  1. <van-stepper value="{{ 1 }}" step="0.2" decimal-length="{{ 1 }}" />

如果需要异步地修改输入框的值,可以设置async-change属性,并在change事件中手动修改value

  1. <van-stepper value="{{ value }}" async-change bind:change="onChange" />

自定义大小

API

Props

Events