Skip to content

ESelect(下拉选择器)

el-select 简单封装,用于下拉选择器相关的画布展示与交互配置。

属性配置

属性配置示意图

配置说明
占位符placeholder 参数,默认为Select
禁用disabled 参数,默认不开启
多选multiple 参数,默认不开启
多选限制multiple-limit 参数,默认0,开启多选时才需要设置
清空选项clearable 参数,默认不开启
可筛选filterable 参数,默认不开启
创建新条目allow-create 参数,默认不开启,开启可筛选时才设置
无选项时显示no-data-text 参数,默认No data
大小size 参数,默认无
自定义样式默认不开启,开启后可配置字体大小、字体粗细、字体类型、字体样式等

数据配置

数据配置示意图

配置说明
静态数据默认开启,使用静态方式配置数据
数据可直接编辑 JSON 格式,也可通过弹框进行选项的增删
数据缓存非静态数据模式时,从数据缓存中获取数据
取值缓存从数据缓存中获取值
存值缓存将选项值写入数据缓存
禁用缓存地址从数据缓存中获取禁用状态,值为 true 时按钮禁用,否则正常

值改变事件

当勾选或取消勾选时触发值改变事件,可以从组件局域参数中获取selectedValue,其值为选项的value。多选时,其值为数组。

基于 VitePress 构建