const spanElement = translationDataBox.value.quillEditor.getQuill().root.querySelector(`${spanId}`) console.log('tag',spanElement) console.log(11,translationDataBox.value.quillEditor.getQuill().getBounds(spanElement)) Cannot read properties of null (reading 'bottom')

这个错误可能是由于 `querySelector` 方法无法找到匹配的 `span` 元素而导致的。可以在控制台中使用 `console.log` 打印 `translationDataBox.value.quillEditor.getQuill().root` 的值，以确保它是一个有效的 DOM 元素。你还可以尝试在 `querySelector` 方法中打印 `spanId` 的值，以确保它是正确的。

如果这些都没有问题，那么可能是由于在调用 `getBounds` 方法时传递了一个 `null` 值（即 `spanElement` 可能为 `null`）。可以在调用 `getBounds` 方法之前添加一个条件语句，以确保 `spanElement` 不为 `null`。例如：

const spanElement = translationDataBox.value.quillEditor.getQuill().root.querySelector(`${spanId}`);

if (spanElement) {
  console.log('tag', spanElement);
  console.log(11, translationDataBox.value.quillEditor.getQuill().getBounds(spanElement));
}

这将确保只有在 `spanElement` 不为 `null` 时才调用 `getBounds` 方法。