vue-draggable-resizable动态调整父元素宽高,无法拖动到父元素边缘问题如何解决
时间: 2023-03-20 22:03:38 浏览: 2207
vue-draggable-resizable-gorkys:Vue 用于可调整大小和可拖动元素的组件并支持冲突检测、元素吸附、元素对齐、辅助线
如果您使用的是`vue-draggable-resizable`组件,可以尝试使用以下方法解决无法拖动到父元素边缘的问题:
1. 在父元素中添加`position: relative`样式,确保子元素的位置相对于父元素进行定位。
2. 在`<vue-draggable-resizable>`组件中添加`parent`属性,将其设置为父元素的选择器或DOM元素。例如:`<vue-draggable-resizable :parent="'#parent-element'">`
3. 确保父元素和`<vue-draggable-resizable>`组件都有足够的宽度和高度,以便您可以在父元素边缘拖动。
4. 检查您的CSS样式是否可能覆盖了拖动手柄或其它元素,导致无法拖动。
5. 如果您仍然无法拖动到父元素的边缘,请尝试添加一些内边距或外边距,以便更容易拖动组件。
如果以上方法无法解决问题,请检查您的代码或提供更多细节,以便我们更好地帮助您解决问题。
阅读全文