前言
vue-dz-ui 是我做的一个高度定制化项目中封装的一套组件。最初版本在4个月之前发布,可前往 https://www.npmjs.com/package/vue-dz-ui 查看最新的发布消息。内有 Button、Input、InputNumber、Checkbox、Radio、Select、Message、Confirm 组件,非常适合对于 Vue 有一定了解并尝试入门插件开发的同学。以下介绍 InputNumber
组件用法:
预览
API
属性 |
说明 |
类型 |
默认值 |
value(v-model) |
数字框的值 |
number |
无 |
placeholder |
数字框内容的描述 |
string |
无 |
step |
每次改变步数,可以为小数 |
number |
1 |
min |
限制输入最小值 |
number |
无 |
max |
限制输入最大值 |
number |
无 |
readonly |
只读 |
boolean |
false |
disabled |
禁用 |
boolean |
false |
事件
事件名称 |
说明 |
回调参数 |
focus |
数字框聚焦时的回调 |
无 |
blur |
数字框失焦时的回调 |
(value) => {} |
input |
数字框值被改变时的回调 |
(value) => {} |
预览和源码
可在 预览地址 在线查看该组件的效果,并可在 源码 处直接查看源码。