Skip to content
On this page

TSelect 下拉选择组件

单选

自定义显示下拉项label

单选分页

单选禁用

多选禁用

多选

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

多选分页

虚拟列表--单选

虚拟列表--多选

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

TSelect Attributes


1、代码示例

下拉选择组件————可实现单选多选(多选可使用全选功能)

html
<t-select
  placeholder="请选择工序"
  v-model="selectVlaue"
  :optionSource="state.stepList"
  valueCustom="label"
  @change="selectChange"
/>
<t-select
  placeholder="请选择工序"
  v-model="selectVlaue"
  :optionSource="state.stepList"
  valueCustom="label"
  @change="selectChange"
/>

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-

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