easyUi的combobox属性 loadData,数据乱窜的问题。

文章讲述了在使用EasyUI的Combobox组件时,由于数据的浅拷贝导致加载数据后出现意外的合并问题。作者发现数据是对象的引用而非扁平化的副本,JavaScript的单线程执行导致在console.log之前数据已经被修改。解决方案是通过创建数据的深拷贝,利用扩展运算符将对象转换为新数组,从而解决了Combobox中的数据同步问题。

问题如标题,不说了,上截图:

两个选择框 combobox为了不二次取数据,采用 loadData,传递数据。但是问题就出现了,在console。log 之前,数据已经合并了,输出相同内容。

 那么问题原因:其实返回数据data,是一个对象,对象的拷贝需要深拷贝;那么,easyui传递的时候,数据是 对象的内存池里面的地址,而不是真实扁平化后的数据,基于JavaScript 的单线程运行机制,数组push,reverse,unshift都发生在 两次console和dom节点生成之前,data数据早已经合并变化了,所以获取的数据 都是合并之后的。

重点来了,解决办法:

 let d=[...data]; //把数组对象展开,再重新装回一个数组里面就可以了,

$("#inclass").combobox("loadData", d);

问题解决,其实就是 一个深拷贝和浅拷贝的问题。 不是专业计算机出身,基础不好。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值