Stepper 步进器 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

用作增加或者减少当前数值。

规则

• 当想要对数值进行小幅度调整时，可以使用 Stepper，eg：将年化收益从 4.00% 调整到 4.05%。

引入方式

数字生活网页应用工程中，不需要 import，直接使用组件标签即可。

import {Stepper} from '@21cnfe/vui'  
Vue.component('Stepper', Stepper)

代码演示

Stepper 步进器 steppers

示例链接

示例源码

二维码

扫二维码查看演示效果

x

Stepper 步进器

<Stepper :min="1" :max="5" v-model="value" :defaultValue="3"></Stepper>

<Stepper :min="1" :max="5" v-model="value" readOnly></Stepper>

<Stepper :min="1" :max="5" v-model="value" disabled></Stepper>

<Stepper :min="1" :max="5" v-model="value" :step="3"></Stepper>

API

Event