vue2踩坑记录:el-select如何绑定对象

news/2025/1/16 1:56:20/

页面上的下拉框:

选中人员之后,需要使用人员的其它信息做后续操作。所以不能只绑定用户Id,需要绑定整个item(用户对象),这样每次change事件所获取到的newValue是整个对象,而且v-model中的变量指向的也是整个对象,方便后续操作。

但是绑定对象后,无法正确响应,点击第一个选项时,页面显示选中的是第一个人,但是后台data是正确的。

官网有这么一句话:

原来,这时必须添加value-key属性,作为 value 唯一标识的键名。

原理应该是:你给它绑定一个对象,它不知道如何判断这些对象是否相同,比如,无法判断什么时候触发change事件。。所以,需要你告诉它,通过哪个键值来判断你选中的这个对象跟上一个选中项之间是否发生了变化,所以,其值与el-option中的Key保持一致即可。


http://www.ppmy.cn/news/1521345.html

相关文章

国内六大知名云手机品牌排行榜

如果你希望进行批量操作控制,但又不想投资大量实体设备;如果你想24小时畅玩手游,却又担心设备发烫和高耗电问题;或者你需要在社媒运营和移动办公中使用多个账号,但又不想被实体机束缚……那么云手机将是你的理想选择。…

【MySQL】初识MySQL—MySQL是啥,以及如何简单操作???

前言: 🌟🌟本期讲解关于MySQL的简单使用和注意事项,希望能帮到屏幕前的你。 🌈上期博客在这里:http://t.csdnimg.cn/wwaqe 🌈感兴趣的小伙伴看一看小编主页:GGBondlctrl-CSDN博客 目…

【Hot100】LeetCode—34. 在排序数组中查找元素的第一个和最后一个位置

目录 1- 思路二分 - 左侧二分 右侧二分 2- 实现⭐34. 在排序数组中查找元素的第一个和最后一个位置——题解思路 3- ACM 实现 原题链接:34. 在排序数组中查找元素的第一个和最后一个位置 1- 思路 二分 - 左侧二分 右侧二分 右区间二分 ——> 找首次出现的位置…

kubeadm方式安装k8s

1、Master高可用 其他 master 加⼊集群时,输⼊如下命令 如:需要⾼可⽤时,⼜克隆了 master02 、 03... 等,那么这些节点都执⾏下⾯的命令 注意: 每个主机的 token 值是不⼀样的,下⾯是我192.168.15.11 (…

C++学习笔记(7)

181、string 容器 string 是字符容器,内部维护了一个动态的字符数组。 与普通的字符数组相比,string 容器有三个优点:1)使用的时候,不必考虑内存分配和释放的问题; 2)动态管理内存(可…

金融工程--霍华德马克斯笔记

背景 1、理解关于霍华德马克斯的思想 2、理解宏观环境对于整体投资的影响点 笔记 简介 霍华德马克斯(Howard Marks)是一位著名的美国投资者、作家,以及橡树资本管理有限公司(Oaktree Capital Management)的联合创始…

Arcgis将图层转shape文件

在points上右键导出数据,导出来默认为shp

pnpm国内源设置

一、背景 在国内使用pnpm时,由于网络问题,经常会遇到速度慢或无法访问的问题。为了提高效率,可以将pnpm的源设置为国内的镜像源。以下是一些常用的国内pnpm镜像源以及如何设置它们的方法。 二、国内可用源 2.1 淘宝pnpm源 https://registry…