vue2中使用 vuedraggable 时,拖拽后松手位置自动复原问题

36 阅读1分钟

形如下列代码,使用时,如果defaultColumns是字符串数组,可能会出现拖拽后松手视图自动还原,但是数组更新了

<draggable v-model="defaultColumns" tag="transition-group" :animation="200" @end="onDragEnd">
  <el-checkbox
    v-for="(col, index) in defaultColumns"
    :key="index"
    :label="col"
  ></el-checkbox>
</draggable>

解决方案 去掉v-model,双向绑定,看网上说的是draggable的更新有延迟,这里不进行双向绑定,自行在end中更新数组即可