前言
vue-dz-ui 是我做的一个高度定制化项目中封装的一套组件。最初版本在4个月之前发布,可前往 https://www.npmjs.com/package/vue-dz-ui 查看最新的发布消息。内有 Button、Input、InputNumber、Checkbox、Radio、Select、Message、Confirm 组件,非常适合对于 Vue 有一定了解并尝试入门插件开发的同学。以下介绍 Select
组件用法:
预览
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/71f062d79a2c2b2ae90a7ce2366cc5b3.gif#pic_center)
API
属性 | 说明 | 类型 | 默认值 |
---|
value(v-model) | 下拉框选中的值 | string | number | 无 |
placeholder | 下拉框内容的描述 | string | 无 |
options | 下拉框列表的数据,详见下方 | Array | [] |
事件
事件名称 | 说明 | 回调参数 |
---|
change | 下拉框选中值时的回调 | ({label, value}) => {} |
openChange | 下拉框展开、收起时的回调 | ({value, status}) => {} |
options
属性 | 描述 | 类型 |
---|
value | 下拉框的值,v-model 上绑定的 | string | number |
label | 显示的文本 | string |
disabled | 定义某一项禁用 | boolean |
预览和源码
可在 预览地址 在线查看该组件的效果,并可在 源码 处直接查看源码。