vue-dz-ui 之 InputNumber API

前言

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) => {}

预览和源码

可在 预览地址 在线查看该组件的效果,并可在 源码 处直接查看源码。

猜你喜欢

转载自blog.csdn.net/dizuncainiao/article/details/108560779