Vue3 - 获取 Proxy 对象代理中包裹的 “真实数据“，解决对象或数组打印后是 Proxy 对象无法拿到原始数据的问题（免费）

九蓝

410人浏览 · 2025-11-20 17:00:10

九蓝 · 2025-11-20 17:00:10 发布

方法 1：使用 `toRaw 解除响应式`

import { toRaw } from 'vue';

onChange: (keys, rows) => {
  const normalRows = rows.map(row => toRaw(row));
  console.log(normalRows);
  formData.selectedRows = normalRows;
}

方法 2：JSON 深拷贝

onChange: (keys, rows) => {
  const normalRows = JSON.parse(JSON.stringify(rows));
  console.log(normalRows);
  formData.selectedRows = normalRows;
}

DAMO开发者矩阵

DAMO开发者矩阵，由阿里巴巴达摩院和中国互联网协会联合发起，致力于探讨最前沿的技术趋势与应用成果，搭建高质量的交流与分享平台，推动技术创新与产业应用链接，围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐

端盘子的机器人要融 3 亿美元：LG 旗下 Bear Robotics 冲 pre-IPO，估值目标翻倍到约 15 亿美元

DAMO开发者矩阵

【Koopman降阶非线性辨识与控制】数据驱动Data-driven的库普曼Koopman控制特征函数研究（Matlab代码实现）

复杂工业与机器人领域的动力学系统普遍具备强非线性、多模态演化特性，传统基于机理建模的控制方案高度依赖系统先验知识，局部线性化手段仅能在小工作区间保证控制效果，难以适配大范围工况下的预测与闭环控制需求。Koopman 算子理论为非线性动力学分析提供全新范式，通过将有限维非线性状态映射至无穷维可观测函数空间，实现非线性动力学的全局线性表征，规避传统局部线性化的固有局限。