select下拉框组件 ​

https://element-plus.org/zh-CN/component/select.html

Hidden Title ​

属性事件插槽简介 ​

基础用法 ​

成华主题 ​

chenghua基础用法 ​

chenghua尺寸 ​

chenghua多选 ​

石景山主题 ​

shijingshan基础用法 ​

shijingshan尺寸 ​

shijingshan多选 ​

通常用法 ​

高度 ​

尺寸 ​

多选--隐藏多余标签的多选 ​

调用change方法 ​

遍历调用change方法 ​

集成绝大部分属性和方法 ​

customLabel自定义显示label ​

解析html ​

插槽 ​

disabled, 设置选项不允许选择 ​

table单选 ​

table多选 ​

属性 ​

事件 ​

命名事件函数需要显式标注类型，TypeScript 无法从模板事件反向推断脚本区函数参数。组件库已导出 SSelectChangeContext：

import type { SSelectChangeContext } from 'sybz-components'

function changeSelect({ value, label, option, index }: SSelectChangeContext) {
  console.log(value, label, option, index)
}

import type { SSelectChangeContext } from 'sybz-components'

function changeSelect({ value, label, option, index }: SSelectChangeContext) {
  console.log(value, label, option, index)
}

说明 ​

• 组件基于 el-select 封装，绝大多数原生属性都可以直接透传。
• 多选模式下支持全选、反选和上下快速切换。