Question

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

参数	说明	类型	默认值	可选值
value	表单值，使用v-model绑定	Number	0	-
title	标题	String	-	-
min	最小值	Number	-	-
max	最大值	Number	-	-
step	步长	Number	1	-
fillable	是否可填写	Boolean	false	false,true
width	输入框宽度	String	50px	-
align	对其方式	String	right	left, right
button-style	按钮样式	String	square	square,round
-	-	-	-	-