当前位置:网站首页>el-select 中v-model绑定值,数据回显只显示value,不显示label
el-select 中v-model绑定值,数据回显只显示value,不显示label
2022-04-23 06:17:00 【ZMJ_QQ】
1、当v-model绑定的是一个值时
<el-select v-model="modelTree" filterable>
<el-option v-for="item in nameList" :key="item.id" :label="item.title" :value="item.id">
</el-option>
</el-select>
数据回显只显示value,不显示label,原因可能有以下几个:
1、option的数据中不存在该value值,
2、option的中的value值和v-model绑定的值,数据类型不一致,console.log打印一下两个数据的类型是否一致,不一致的话转成对应的类型就可以。
3、如果数据回显时,先显示value值后显示label值,是因为页面中option下拉框的数据还没有获取到,所以先显示的value值,可以在页面中加一个loading
2、当v-model绑定的是一个对象时
<el-select v-model="user" value-key="id" >
<el-option
v-for="item in users"
:key="item.id"
:label="item.name"
:value="item"
/>
</el-select>
1、value-key绑定的属性值 是否和 :key中绑定的对象的值相等
value-key="id"
:key="item.id"
2、v-model绑定的值需要是一个对象,并且这个对象中必须含有value-key中绑定的属性
版权声明
本文为[ZMJ_QQ]所创,转载请带上原文链接,感谢
https://blog.csdn.net/ZMJ_QQ/article/details/123375213
边栏推荐
猜你喜欢

带您遨游太空,美摄科技为航天创意小程序提供全面技术支持

美摄科技云剪辑,助力哔哩哔哩使用体验再升级

“泉”力以赴·同“州”共济|北峰人一直在行动

ARMCC/GCC下的stack protector

免费开源充电桩物联网云平台

STM32多路测温无线传输报警系统设计(工业定时测温/机舱温度定时检测等)

重大安保事件应急通信系统解决方案

【无标题】制作一个0-99的计数器,P1.7接按键,P2接数码管段,共阳极数码管,P3.0,P3.1接数码管位码,每按一次键,数码管显示加一。请写出单片机的C51代码

自定义classloader并实现热部署-使用loadClass

rearrange 和 einsum 真的优雅吗
随机推荐
被 onnx.checker.check_model 检查出的常见错误
重大安保事件应急通信系统解决方案
By onnx checker. check_ Common errors detected by model
华为云MVP邮件
Warning "force fallback to CPU execution for node: gather_191" in onnxruntime GPU 1.7
Draw margin curve in arcface
PyTorch 9. optimizer
LPDDR4笔记
PyTorch 13. Nested functions and closures (dog head)
城市应急管理|城市突发事故应急通信指挥调度系统
go语言映射操作
南方投资大厦SDC智能通信巡更管理系统
AUTOSAR从入门到精通100讲(五十一)-AUTOSAR网络管理
初探智能指针之std::shared_ptr、std::unique_ptr
PyTorch 22. Pytorch common code snippet collection
【51单片机交通灯仿真】
golang实现一个带Web界面的五险一金计算器
Modifying a column with the 'identity' pattern is not supported
PyTorch 10. Learning rate
带您遨游太空,美摄科技为航天创意小程序提供全面技术支持