Question

我正在尝试使用Vue拖放组件https://github.com/cameronhimself/vue-drag-drop，但我遇到了第一个障碍。这是我的模板。

<template>
  <tr>
    <td>
      <drop @drop="handleDrop">X</drop>
      <drag :transfer-data="{ name: 'the name' }">Y</drag>
    </td>
    <td>
      <input type="text" v-model="positionTitle">
    </td>
  </tr>
</template>

我在positionTitle字段中键入任何输入后，就会在控制台中收到警告，提示$attrs is readonly和$listeners is readonly。这些错误在“拖动”组件和“拖放”组件中都可以找到。

我在做什么错？请注意，触发此错误时，我什至没有触摸拖放元素。

我正在使用Webpack进行构建，这就是我导入组件的方式。

import { Drag, Drop } from 'vue-drag-drop';
export default {
    components: {
        Drag,
        Drop
    }
    //....
}

编辑：

我运行了npm update，但问题仍然存在
对于在drag元素上定义的每个属性，我也会遇到错误，例如，避免直接更改prop，因为每当父组件重新渲染时，该值就会被覆盖。而是使用基于属性值的数据或计算属性。道具被突变：“ effectAllowed”

如何使用此Vue拖放组件

0 个答案: