数量选择器 CountSelector

基础用法

通过count属性设置起始数量，默认值为1。

通过min属性设置最小数量，默认值为1。

通过max属性设置最大数量，默认值为10000。

基础用法

示例代码

  1. <l-count-selector count="1"
  2.                   min="1"
  3.                   max="10"/>

设置数量增减步长

通过step属性设置数量增减步长，默认值为1。

设置数量增减步长

示例代码

  1. <l-count-selector count="1"
  2.                   min="1"
  3.                   max="10"
  4.                   step="2"/>

设置禁用状态

通过disabled属性设置数量选择器禁用状态。默认值为false。

设置禁用状态

示例代码

  1. <l-count-selector count="1"
  2.                   min="1"
  3.                   max="10"
  4.                   disabled="{{true}}"/>

数量选择器属性（CountSelector Attributes）

参数说明类型可选值默认值
count设置起始数量Number—-1
min设置最小数量Number—-1
max设置最大数量Number—-10000
step设置数量增减步长Number—-1
disabled设置禁用状态Boolean—-false
l-class设置数量选择器整体容器的外部样式类—-—-—-
l-symbol-class设置数量选择器加（减）号容器的外部样式类—-—-—-
l-disabled-class设置数量选择器数字容器禁用状态的外部样式类—-—-—-
l-count-class设置数量选择器数字容器的外部样式类—-—-—-

数量选择器事件（CountSelector Events）

事件名称说明返回值备注
bind:lintap点击加（减）号及数字输入框失去焦点触发的事件{count,type}type值为reduce、add和blur