
在 vue3 中,利用 set 进行数组去重操作后,可能会额外出现 proxy(object) 的数据,原因如下:
vue3 中使用 ref 出来的数据经过特殊处理。如果您在数组去重过程中使用的是 ref 出来的数据,则需要调用 toraw 方法来去除该处理。
示例:
const obj = ref({
serviceattributelist: [
{
name: 'duo',
},
{
name: 'emma',
},
],
});
const set = new set([...obj.value.serviceattributelist]);
obj.serviceattributelist = [...new set(set)];修改后:
立即学习“前端免费学习笔记(深入)”;
const obj = ref({
serviceattributelist: [
{
name: 'duo',
},
{
name: 'emma',
},
],
});
const set = new set([...toraw(obj.value.serviceattributelist)]);
obj.serviceattributelist = [...new set(set)];默认情况下,set 无法对对象数组进行去重。如果您需要对对象数组去重,需要将对象转换为字符串后再进行去重。
示例:
obj.serviceAttributeList = [...new Set(result.map(JSON.stringify))].map( JSON.parse );
以上就是Vue3 数组去重后出现 Proxy(Object) 数据的原因是什么?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号