https://tingtas.com/ vue - draggable -re sizable -gorkys/?path=/info/%E5%AE%BD%E9%AB%98%E6%AF%94–%E5%9C%A8%E7%88%B6%E7%BA%A7%E4%B8%AD%E9%99%90%E5%88%B6、 vue 可拖拽可缩放 vue - draggable -re sizable 组件 常用总结 使用 可拖动，可调整大小或两者兼备 定义用于调整大小的句柄 限制大小和移动到 父 元素或自定义选择器 将元素捕捉到自定义网格

先看下效果图，实现指定区域内内容自由拖拽，不 超出 。动态设置字体颜色及字号；设置完成实现打印指定区域内容，样式不丢失。 1、运行命令npm i vue - draggable -re sizable -S， 安装拖拽插件 vue - draggable -re sizable ，并引入 使用 （下面引入是放入main.js文件 中 ） import Vue Draggable Re sizable from ' vue - draggable -re sizable ' // optionally import default styles 如果您 使用 的是` vue - draggable -re sizable ` 组件 ，可以尝试 使用 以下方法解决 无法 拖动到 父 元素边缘的 问题 ： 1. 在 父 元素 中 添加`position: relative`样式，确保子元素的位置相对于 父 元素进行定位。 2. 在`< vue - draggable -re sizable >` 组件 中 添加`parent`属性，将其设置为 父 元素的选择器或DOM元素。例如：`< vue - draggable -re sizable :parent="'#parent-element'">` 3. 确保 父 元素和`< vue - draggable -re sizable >` 组件 都有足够的宽度和高度，以便您可以在 父 元素边缘拖动。 4. 检查您的CSS样式是否可能覆盖了拖动手柄或其它元素，导致 无法 拖动。 5. 如果您仍然 无法 拖动到 父 元素的边缘，请尝试添加一些内边距或外边距，以便更容易拖动 组件 。 如果以上方法 无法 解决 问题 ，请检查您的代码或提供更多细节，以便我们更好地帮助您解决 问题 。