前端el-select的props属性
时间: 2023-10-19 11:58:48 浏览: 124
el-select是一个Vue.js组件,其props属性包括:
- value: 绑定的值,可以使用v-model双向绑定
- multiple: 是否支持多选,值为true时支持
- disabled: 是否禁用,值为true时禁用
- size: 尺寸,可选值为medium、small、mini
- clearable: 是否可清空选项,值为true时可清空
- collapse-tags: 多选时是否将选中的标签折叠显示
- multiple-limit: 多选时用户最多可以选择的项数
- name: select input 的 name 属性
- autocomplete: select input 的 autocomplete 属性,可选值为off、on
- placeholder: 占位符
- filterable: 是否可搜索,值为true时可搜索
- allow-create: 是否允许用户创建新选项,值为true时可创建
- remote: 是否使用远程搜索,值为true时为远程搜索
- loading: 是否正在从远程搜索数据,值为true时正在搜索
- loading-text: 远程搜索时显示的加载中文本
- no-match-text: 没有搜索到数据时显示的文本
- no-data-text: 无数据时显示的文本
- reserve-keyword: 远程搜索时是否保留关键字
- default-first-option: 是否默认选中第一个选项,值为true时默认选中第一个选项
- popper-class: 弹出层的自定义类名
- automatic-dropdown: 是否在输入框获得焦点时自动展开下拉框,值为true时自动展开
- tabindex: select input 的 tabindex 属性
- id: select input 的 id 属性
- class-name: select input 的 class 属性
- style: select input 的 style 属性
除了props属性,el-select还有一些常用的事件和方法,如change、blur、focus、clear、remove-tag、remote-method等。
阅读全文