vue-drag-resize拖拽Input文本框,但是文本框不能输入内容
时间: 2023-08-01 11:11:28 浏览: 306
vue-drag-zone-Vue.js(2.x)的拖动区域组件。-Vue.js开发
这个问题可能是由于拖拽事件和输入事件的冲突导致的。你可以尝试在拖拽事件中阻止输入事件的冒泡,以解决这个问题。
具体的做法是,在 `vue-drag-resize` 的拖拽事件中调用 `event.stopPropagation()` 方法,以阻止输入事件的冒泡。例如:
```html
<vue-drag-resize @dragging="onDragging">
<input type="text" @input="onInput">
</vue-drag-resize>
```
```javascript
export default {
methods: {
onDragging(event) {
event.stopPropagation();
},
onInput(event) {
// 处理输入事件
}
}
}
```
这样就可以在拖拽文本框时防止输入事件的触发,从而避免无法输入内容的问题。
阅读全文