lanyun-stepper

介绍

常用于购物车数量加减

使用方法

import "../../components/lanyun-stepper/lanyun-stepper.stml";

例子

    <lanyun-stepper 
        step="2"
        max="20"
        min="5"
        step-num="4"
        :disabled='true'
        onbtnsub="sub"
        onbtnadd="add"
        onbtnint="int"
        id="adios-13jksd"
    />
    sub(e){
        console.log(JSON.stringify(e.detail))
    },
    add(e){
        console.log(JSON.stringify(e.detail))
    },
    int(e){
        console.log(JSON.stringify(e))
    }

props 属性

参数 说明 类型 默认值
step 步进器步长,选填 Number 1
max 最大值,选填 Number 0(不限制最大值)
min 最小值 Number 1
step-num 初始值,选填 Number 1
disabled 是否禁用输入框,选填 Boolean false

events 事件

事件名 说明 回调参数
onbtnsub 点击减少按钮时触发 返回按钮对应的步长、最小值、当前值、ID、类型
onbtnadd 点击增加按钮时触发 返回按钮对应的步长、最大值、当前值、ID、类型
onbtnint 输入框失去焦点时触发 返回按钮对应的最大值、最小值、ID、当前值、输入框value

events callBack

事件名 回调示例
onbtnsub {"id":"adios31231","step":3,"min":24,"stepNum":62,"type":"sub"}
onbtnadd {"id":"adios31231","step":3,"max":24,"stepNum":62,"type":"add"}
onbtnint {"id":"adios31231","step":3,"max":65,"min":24,"stepNum":62,"value":62}