Vue Select 组件:限制显示选项数量并实现搜索展开
你可以在 el-select 标签上添加属性:collapse-tags='true',这样当你选择一个选项后,它会折叠成一个标签,只显示已选项的标签,从而节省空间,同时你可以通过搜索来展开所有选项。具体代码如下:
<el-select v-model='filter.tcl_os_version' clearable
:placeholder='filter.plate_form === 'TV' ? '请选择系统版本' : '请选择RomVersion''
filterable class='el-input'
:collapse-tags='true'
@keyup.enter.native='search'>
<el-option v-for='item in tclOsVersionList'
:key='item'
:label='item'
:value='item'>
</el-option>
</el-select>
通过添加 :collapse-tags='true' 属性,我们可以将 select 组件的选项折叠成一个标签,只显示已选的选项。当用户在搜索框中输入字符时,会触发搜索功能,展开所有选项供用户选择。
原文地址: https://www.cveoy.top/t/topic/n9Ab 著作权归作者所有。请勿转载和采集!