Skip to content
On this page

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是否多选Booleanfalse
optionSource下拉数据源Array
customLabel是否自定义设置下拉 labelString-
valueCustom传入的 option 数组中,要作为最终选择项的键值 keyString'key'
labelCustom传入的 option 数组中,要作为显示项的键值名称String'label'
useVirtual是否开启虚拟列表(继承 el-select-v2 属性)Booleanfalse
isShowPagination是否开启分页Booleanfalse
paginationOption分页配置Object-
returnObject1.4.14选中值是否返回对象必须设置value-keyBooleanfalse

2-1、paginationOption 配置参数(Attributes)继承 el-pagination Attributes

参数说明类型默认值
currentPage当前页数number1
pageSize每页显示条目个数number6
pagerCount设置最大页码按钮数。 页码按钮的数量,当总页数超过该值时会折叠number5
total总条目数number0
layout组件布局,子组件名用逗号分隔string'total, prev, pager, next, jumper'
bindel-pagination 属性Object-

3、继承 el-select&el-pagination&el-select-v2 events

事件名说明回调参数
change选中值发生变化时触发返回选中的值
input分页器输入框触发返回输入的值
select-input选择输入框触发返回输入的值