a-select 选择器可选择可输入字,匹配下拉框的数据
前端 html 写法js 写法。
·
1、直接代码展示
前端 html 写法
<a-form-model-item :label="$t('positionStatementUpload.company')">
<a-select v-model="cform.companyCode" style="width: 270px" show-search :filter-option="filterOptionCompany">
<a-select-option v-for="c in companyList" :value="c.code" :key="c.abbr">
{{ c.abbr }}
</a-select-option>
</a-select>
</a-form-model-item>
js 写法
// 过滤公司
filterOptionCompany(input, option) {
return option.data.key.toLowerCase().indexOf(input.toLowerCase()) >= 0;
},
2、需要注意 js return 返回的时候,需要根据数据的层级来,最好打印 option 出来看看。

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
所有评论(0)