Count 累加器

import { Count } from 'feui';
components: {
  [Count.name]: Count
}

代码演示

基础用法

<fe-group title="默认">
  <fe-count name="数量" title="数量"></fe-count>
</fe-group>

高级用法

<fe-group title="监听 on-change 事件，在调试窗口中输出">
  <fe-count title="数量" :value="0" :min="0" @on-change="change"></fe-count>
</fe-group>
<fe-group title="设置宽度为100px">
  <fe-count title="数量" width="100px"></fe-count>
</fe-group>
<fe-group title="圆形按钮">
  <fe-count title="数量" v-model="roundValue" button-style="round" :min="0" :max="5"></fe-count>
</fe-group>
<fe-group title="设置步长为0.5">
  <fe-count title="数量" :step="0.5"></fe-count>
</fe-group>
<fe-group title="设置值为1，最小值为-5，最大值为8">
  <fe-count title="数量" :min="-5" :max="8" :value="1"></fe-count>
</fe-group>
<fe-group title="设置可以输入">
  <fe-count :value="10" title="数量" fillable></fe-count>
</fe-group>

API