html2canvas Cannot read properties of null (reading 'appendChild')

这个错误通常是由于在使用html2canvas时，canvas元素没有正确地添加到DOM中导致的。解决这个问题的方法是确保在使用html2canvas之前，canvas元素已经被正确地添加到DOM中。你可以尝试在canvas元素上添加一个id属性，然后在使用html2canvas时，使用该id属性来获取canvas元素。以下是一个示例代码：

// HTML代码
<canvas id="myCanvas"></canvas>

// JavaScript代码
const canvas = document.getElementById("myCanvas");
if (canvas) {
  html2canvas(canvas).then(function (canvas) {
    // ...
  });
}

如果你仍然遇到这个错误，你可以尝试在渲染canvas之前，检查数据是否为空数组，以避免出现这个错误。以下是一个示例代码：

watch: {
  dt: {
    handler(val) {
      if (val.length) {
        const canvas = document.getElementById("myCanvas");
        if (canvas) {
          html2canvas(canvas).then(function (canvas) {
            // ...
          });
        }
      }
    },
    deep: true,
    immediate: true,
  },
},