更新记录

1.0.1（2025-03-25） 下载此版本

• 适配性更新

1.0.0（2025-03-25） 下载此版本

1.0.0（2025-03-25）

• 第一版

平台兼容性

rm-stepper 使用文档

介绍

rm-stepper 是一个步进器组件，支持增减数值，并可自定义步长、最小/最大值、禁用状态等。

使用方法

基本用法

<rm-stepper v-model="value" />

设置最小值和最大值

<rm-stepper v-model="value" :min="1" :max="10" />

设置步长

<rm-stepper v-model="value" :step="2" />

禁用状态

<rm-stepper v-model="value" disabled />

禁用输入框

<rm-stepper v-model="value" disable-input />

监听事件

<rm-stepper v-model="value" @change="onChange" @plus="onPlus" @minus="onMinus" />

methods: {
  onChange(event) {
    console.log('change:', event.detail.value);
  },
  onPlus(event) {
    console.log('plus:', event.detail.value);
  },
  onMinus(event) {
    console.log('minus:', event.detail.value);
  }
}

Props

事件

样式自定义

可以通过 scoped 样式覆盖组件默认样式，例如修改按钮大小：

.rm-stepper__minus, .rm-stepper__plus {
  width: 60rpx;
  height: 60rpx;
}