vue antd select 自定义options显示文字

最新推荐文章于 2024-05-13 10:35:56 发布

一个抱抱一首歌

最新推荐文章于 2024-05-13 10:35:56 发布

阅读量6k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 前端文章标签： vue antd-vue

本文链接：https://blog.youkuaiyun.com/weixin_38992765/article/details/117785942

前端同时被 2 个专栏收录

26 篇文章

订阅专栏

html

4 篇文章

订阅专栏

本文详细介绍了如何在a-select组件中使用option-label-prop属性来指定显示的标签文本，并通过示例代码展示了如何设置v-model、v-for循环及其它相关属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 a-select 添加 option-label-prop=“label” 属性 option-label-prop 对应的是options中label的属性

					 <a-select
                         style="font-size:10px;width:130px"
                          v-model.trim="i.signer"
                          :getPopupContainer="
                            triggerNode => {
                                return triggerNode.parentNode || document.body;
                            }
                        "
                          show-search
                          allowClear
                          :disabled="formDisable"
                          :filter-option="filterOption"
                          option-label-prop="label" 
                          :placeholder="$t('请选择人员')"
                        >
                          <a-select-option
                            v-for="(item,v) in i.signerlist"
                            :value="item.empno"
                            :label="item.name" 
                            :key="v"
                          >{{item.name+'('+item.empno+')'}}</a-select-option>
                        </a-select>