## Select 单选
\(支持筛选\)
使用模拟的增强下拉选择器来代替浏览器原生的选择器
##### 基本用法
配置options ,使用 v-model 双向绑定数据
```js
<abc-select :options="cityList" optionValue="val" optionText="label" v-model="model1" style="width:200px">
</abc-select>
//数据
data () {
return {
cityList: [
{
val: 'beijing',
label: '北京市'
},
{
val: 'shanghai',
label: '上海市'
}
],
model1: 'wenzhou'
}
}
```
#### 属性:
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| :--- | :--- | :--- | :--- | :--- |
| filterable | 是否支持搜索 | boolean | true/false | false |
| options | 选项值数组 | array | | |
| optionValue | 选项值\(值字段\) | string | | value |
| optionText | 选项值\(名称字段\) | string | | string |
| placeholder | 选择框默认文字 | string | | 请选择 |
| v-model | 双向绑定选中的值 | | | - |
#### 事件:
| 事件名 | 说明 | 回调参数 |
| :--- | :--- | :--- |
| change | 选中值发生变化时触发 | 目前选中的对象 |