TSelect 下拉选择组件
单选
自定义显示下拉项 label
单选分页
单选禁用
多选禁用
多选
多选--隐藏多余标签的多选
多选分页
虚拟列表--单选
虚拟列表--多选
虚拟列表--隐藏多余标签的多选
选中值返回对象1.4.14
TSelect Attributes
1、代码示例
html
<t-select
v-model="selectVlaue"
:optionSource="state.stepList"
/>
<t-select
v-model="selectVlaue"
:optionSource="state.stepList"
/>
2、配置参数(Attributes)继承 el-select&el-select-v2 Attributes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
v-model | 绑定值 | boolean / string / number/Array | 无 |
multiple | 是否多选 | Boolean | false |
optionSource | 下拉数据源 | Array | 无 |
customLabel | 是否自定义设置下拉 label | String | - |
valueCustom | 传入的 option 数组中,要作为最终选择项的键值 key | String | 'key' |
labelCustom | 传入的 option 数组中,要作为显示项的键值名称 | String | 'label' |
useVirtual | 是否开启虚拟列表(继承 el-select-v2 属性) | Boolean | false |
isShowPagination | 是否开启分页 | Boolean | false |
paginationOption | 分页配置 | Object | - |
returnObject1.4.14 | 选中值是否返回对象必须设置value-key | Boolean | false |
2-1、paginationOption 配置参数(Attributes)继承 el-pagination Attributes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
currentPage | 当前页数 | number | 1 |
pageSize | 每页显示条目个数 | number | 6 |
pagerCount | 设置最大页码按钮数。 页码按钮的数量,当总页数超过该值时会折叠 | number | 5 |
total | 总条目数 | number | 0 |
layout | 组件布局,子组件名用逗号分隔 | string | 'total, prev, pager, next, jumper' |
bind | el-pagination 属性 | Object | - |
3、继承 el-select&el-pagination&el-select-v2 events
事件名 | 说明 | 回调参数 |
---|---|---|
change | 选中值发生变化时触发 | 返回选中的值 |
input | 分页器输入框触发 | 返回输入的值 |
select-input | 选择输入框触发 | 返回输入的值 |