Vue3DraggableResizable设置parent结果为NaN

您好！对于Vue3DraggableResizable设置parent结果为NaN的问题，可能是由于父元素的尺寸未正确计算导致的。您可以尝试以下解决方案：

1. 确保父元素具有明确的高度和宽度，可以通过CSS设置或在父元素上动态绑定。

2. 确保在Vue组件中正确引用父元素。您可以使用`ref`或`$refs`来获取父元素的引用，并将其传递给Vue3DraggableResizable的`parent`属性。

例如，在Vue组件的模板中，您可以添加一个具有唯一标识符的div元素，并使用`ref`来引用它：

<template>
  <div ref="parentElement">
    <!-- 子元素 -->
  </div>
</template>

然后，在Vue组件的JavaScript部分，您可以将`this.$refs.parentElement`传递给Vue3DraggableResizable的`parent`属性：

import { Vue3DraggableResizable } from 'vue3-draggable-resizable';

export default {
  components: {
    Vue3DraggableResizable,
  },
  mounted() {
    // 使用this.$refs.parentElement作为parent
    this.$refs.draggableResizable.parent = this.$refs.parentElement;
  },
};

请注意，这只是一个示例，并且具体的实现可能因您的代码结构而有所不同。确保正确引用父元素，以避免出现NaN的问题。

希望这些信息对您有所帮助！如有任何进一步的问题，请随时提问。