# 下拉选项

# Props

参数 说明 类型 可选值 默认值
value / v-model 绑定值 string / number / boolean
mode 类型 string selector / multiSelector / date / time / region selector
placeholder 占位内容 string
options 选项数据 Array []
label-key 作为 label 唯一标识的键名 string label
value-key 作为 value 唯一标识的键名 string value
separator value 拼接符 string ,
disabled 是否禁用 boolean false
border 是否带有边框 boolean false
fields mode = date,选择器的粒度 string year / month / day day
start mode = date,表示有效日期范围的开始,字符串格式为"YYYY-MM-DD" string
end mode = date,表示有效日期范围的结束,字符串格式为"YYYY-MM-DD" string
default-first-option 为空时,是否默认返回 options 第一个 value boolean true

# Events

事件名称 说明 回调参数
change 绑定值变化时触发的事件
cancel 取消选择时触发的事件
column-change 某一列的值改变时触发 columnchange 事件

# 示例

<template>
	<cl-select v-model="val" :options="list"></cl-select>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						label: "海南东山羊",
						value: 1
					},
					{
						label: "乌鱼子",
						value: 2
					}
				]
			};
		}
	};
</script>