你可以在 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 组件的选项折叠成一个标签,只显示已选的选项。当用户在搜索框中输入字符时,会触发搜索功能,展开所有选项供用户选择。

Vue Select 组件:限制显示选项数量并实现搜索展开

原文地址: https://www.cveoy.top/t/topic/n9Ab 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录