发表:2022-11-19 00:00:00view: 119
局域网内无互联网停车场出入自动管理系统
效果如图:
当SELECT下拉组件有很多数据行时难以滑动数据框找到目标行,增加搜索后可以匹配模糊搜索快速定位目标行
代码很简单,在el-select中增加filterable即可。网上有些做得比较复杂,我百度时候开始也COPY代码过来实现不了,知道百度到这个。
<el-form-item label="收入项目" label-width="120px">
<el-select v-model="listQuery.TOLLCODE" class="filter-item" placeholder="收入项目" filterable clearable>
<el-option v-for="item in TOLLITEMLIST" :key="item.TOLLCODE" :label="item.TOLLCODE+item.TOLLNAME" :value="item.TOLLCODE" />
</el-select>
</el-form-item>