ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
## 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 | 选中值发生变化时触发 | 目前选中的对象 |