UPDATE 请求数据打印

为检查错误：

需要打印UPDATE的初始值

方法1： 

      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
        await resetFields();
        setDrawerProps({ confirmLoading: false });
        isUpdate.value = !!data?.isUpdate;

        if (unref(isUpdate)) {
          rowId.value = data.record.id;

          // 打印 data 和 data.record
          console.log('Received data初始数据:', data);
          console.log('Record for update记录的数据:', data.record);

打印的结果，代理对象，不方便查看：

方法2：

      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
        await resetFields();
        setDrawerProps({ confirmLoading: false });
        isUpdate.value = !!data?.isUpdate;

        if (unref(isUpdate)) {
          rowId.value = data.record.id;

          // 将代理对象转换为普通对象并打印
          const plainData = JSON.parse(JSON.stringify(data));
          const plainRecord = JSON.parse(JSON.stringify(data.record));
          console.log('Received data初始数据:', plainData);
          console.log('Record for update记录的数据:', plainRecord);

打印的结果：

解释

1. 转换代理对象为普通对象:

   • const plainData = JSON.parse(JSON.stringify(data));
   • const plainRecord = JSON.parse(JSON.stringify(data.record));

   这些行将代理对象转换为普通的 JavaScript 对象，从而使您可以打印和查看其实际内容。

2. 打印转换后的普通对象:

   • console.log('Received data初始数据:', plainData);
   • console.log('Record for update记录的数据:', plainRecord);

这样做的好处是，可以确保您看到的是对象的实际内容，而不是代理对象的包装。