vue-dz-ui 之 Select API

前言

vue-dz-ui 是我做的一个高度定制化项目中封装的一套组件。最初版本在4个月之前发布，可前往 https://www.npmjs.com/package/vue-dz-ui 查看最新的发布消息。内有 Button、Input、InputNumber、Checkbox、Radio、Select、Message、Confirm 组件，非常适合对于 Vue 有一定了解并尝试入门插件开发的同学。以下介绍 Select 组件用法：

预览

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

预览和源码

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