vue-drag-resize包裹Input框点击之后内容清除了
时间: 2023-08-02 15:08:44 浏览: 210
vue-drag-it-dude-Vue2组件,它使您可以将对象拖到所需的位置。-Vue.js开发
这个问题可能是由于 vue-drag-resize 组件的点击事件与 Input 框的点击事件相互冲突导致的。你可以尝试在 Input 上添加 @click.stop 来停止事件冒泡,或者在 vue-drag-resize 组件上添加 @mousedown.stop 来阻止鼠标按下事件的冒泡,从而解决这个问题。具体代码示例如下:
```html
<vue-drag-resize @mousedown.stop>
<input type="text" @click.stop />
</vue-drag-resize>
```
另外,你也可以尝试使用其他的拖拽组件,比如 vue-draggable-resizable,看看是否存在相同的问题。
阅读全文