使用elementUI对下拉框进行模糊查询
背景:有的时候下拉框中的内容很多,有的options数据多达上百条,就需要我们在select中可输入字符进行模糊查询,在添加一个属性就可完成这个需求,代码如下:
<el-selectstyle="width: 100%;margin:6px 0":size="size"filterable //该属性完成对下拉框中内容过滤匹配(模糊查询)@change="dataChange":placeholder="$t('inOrder.pleaseChoose')"v-model="data.country" //绑定所选数据:getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode}"><el-option:value="data.name" //下拉框option显示内容v-for="(data,index) in resData" //便利后端获取的数据:key="index" //遍历时用的是index还是key来决定>{{data.name }}</el-option></el-select>
如果觉得《使用elementUI对下拉框进行模糊查询》对你有帮助,请点赞、收藏,并留下你的观点哦!