Skip to content

TSelect 下拉选择组件 ​

单选 ​

自定义显示下拉项 label ​

单选分页 ​

单选--回显不是第一页的label1.5.2 ​

单选禁用 ​

多选禁用 ​

多选 ​

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

多选分页 ​

虚拟列表--单选 ​

虚拟列表--多选 ​

虚拟列表--隐藏多余标签的多选 ​

选中值返回对象1.4.14 ​

TSelect Attributes ​


1、代码示例 ​

html
<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
isCached1.5.1分页是否开启缓存选中项Booleantrue
isRadioEchoLabel1.5.2是否开启回显不是第一页数据的labelBooleantrue
radioSelectValLabel1.5.2回显不是第一页数据label的绑定值String''
selectAllTxt2.0.3全选文字提示String'全选'

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选择输入框触发返回输入的值

Exposes(Method) ​

Method说明
clearv1.5.1重置选中项