更新记录
1.1(2020-04-20) 下载此版本
1.修复了step为1时点加号加10的问题 2.将原本默认的max为100调整为99999,min为0调整为-99999
1.0(2020-01-11) 下载此版本
第一版,详情见说明
平台兼容性
在script中引用组件
import lcNumberBox from '@/components/lc-numberBox.vue';
export default {
components: {
lcNumberBox
}
}
在 template 中使用组件
<lc-number-box></lc-number-box>
<lc-number-box :value="days" :min="0" :disabled="true" :step="2" @change="daysChange"></lc-number-box>
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
value | Number | 1 | 输入框的值 |
min | Number | 1 | 最小值 |
max | Number | 100 | 最大值 |
step | Number | 1 | 每次改变的间隔 |
disable | Boolean | false | 是否禁用手动输入 |
color | String | #57d07f | 点击按钮的颜色 |
fillet | Boolean | false | 圆角还是直角 |
事件说明
事件名称 | 说明 |
---|---|
change | 输入框值改变时触发的事件,参数为输入框当前的 value |