当前位置:网站首页>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
边栏推荐
猜你喜欢

Flexible blind patch of ad hoc network | Beifeng oil and gas field survey solution

LPDDR4笔记

关于短视频技术轮廓探讨

PC端一次启动多个微信

基于51单片机的体脂检测系统设计(51+oled+hx711+us100)

利用mysql-binlog恢复数据

不需要破解markdown编辑工具Typora

无盲区、长续航|公专融合对讲机如何提升酒店服务效率?

Emergency air space integrated communication system scheme of Guangxi Power Grid

Detailed explanation of device tree
随机推荐
项目文件“ ”已被重命名或已不在解决方案中、未能找到与解决方案关联的源代码管理提供程序——两个工程问题
Detailed explanation of unwind stack backtracking
Swin transformer to onnx
枫桥学院开元名庭酒店DMR系统解决方案
电力行业巡检对讲通信系统
go语言映射操作
通过sparksql读取presto中的数据存到clickhouse
PyTorch 18. torch. backends. cudnn
自定义classloader并实现热部署-使用loadClass
Gather, unsqueeze and other operators when PTH is converted to onnx
Hanlp分词器(通过spark)
GIS实战应用案例100篇(三十四)-拼接2020globeland30
PC端一次启动多个微信
SSL / TLS application example
onnxruntime-gpu 1.7 出现的警告“Force fallback to CPU execution for node: Gather_191”等
初探智能指针之std::shared_ptr、std::unique_ptr
SPI NAND FLASH小结
hql求一个范围内最大值
带低压报警的51单片机太阳能充电宝设计与制作(完整代码资料)
golang实现一个带Web界面的五险一金计算器