a-select下拉展示中英文，选择回填中文

在 antdesign vue中找到 select组件下拉找到 optionLabelProp 属性
optionLabelProp 的介绍即为 select框所呈现的内容为选中的选项的label值
即只需要将 label 设置成想要展示的值即可。

代码如下

<a-select show-search allowClear placeholder="请选择字段" v-model="searchColumn" option-label-prop="label"><a-select-option v-for="(item,index) in details.columnAuditLogList" :key="index" :value="item.columnName" :label="item.columnName">{{ item.showName }}</a-select-option>
</a-select>

a-select下拉展示中英文，选择回填中文相关推荐

html select不允许选择,设置select下拉框不能选择
今天在做一个小功能的时候,需要对特定的一个select设置禁止选择,只好采用js进行控制,接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法,有需要的小伙伴可以参考一下: 1.功能需求: ...
js填充select下拉框并选择默认值
/* 使用json数组填充下拉框并复选 *//* 初始化下拉框数据 */ var jsonStr = { "data": [] }; for (var str in JsonStr ...
js改变select下拉框默认选择的option
比较简单,记录一下 var obj = document.getElementById("fun"); obj.options[0].selected = true; 转载于:ht ...
python select模块安装_python+selenium select下拉选择框定位处理方法
一.前言总结一下python+selenium select下拉选择框定位处理的两种方式,以备后续使用时查询: 二.直接定位(XPath) 使用Firebug找到需要定位到的元素,直接右键复制XPa ...
html下拉选择框箭头改为年,CSS自定义select下拉选择框的样式(不用其他标签模拟)...
今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方 ...
layui实现select下拉选择框组件（含代码、案例、截图）
layui实现select下拉选择框组件(含代码.案例.截图) 案例 · 效果图: 全部代码如下: <!DOCTYPE html> <html> <head>< ...
select下拉框分组展示插件的使用--(select-mania插件的使用)
一.概述在web项目中很多地方用到下拉框,原生的下拉框比较丑陋,之前的文章中介绍过一款用来美化下拉框的插件可以参考: 手把手教你--jquery chosen插件的使用和API(html下拉框美化) ...
微信小程序自定义select下拉选择组件
微信小程序自定义select下拉选择组件微信小程序原生开发中,常用到的是从底部弹起的滚动选择器(picker),而有些项目需要用到下拉选择,话不多说,下面就可以把下拉选择封装成一个自定义组件: 1. ...
自定义html下拉选择框,CSS自定义select下拉选择框的样式(不用其他标签模拟)
今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方 ...

a-select下拉展示中英文，选择回填中文

a-select下拉展示中英文，选择回填中文相关推荐

最新文章

热门文章