vuedraggable拖动后的数据

vuedraggable拖动后的数据可以通过使用`@input`事件和`update:sortArr`属性来获取。在`Draggable`组件中，通过`@input`事件监听拖动排序的变化，然后在`handleListChange`方法中使用`this.$emit('update:sortArr', event)`来更新`sortArr`的值。这样，当拖动排序发生变化时，`sortArr`的值也会相应地更新。\[2\]
#### 引用[.reference_title]
- *1* *2* [vuedraggable 实现拖动数据改变](https://blog.csdn.net/weixin_30740581/article/details/101788382)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

相关问题

vuedraggable拖动后数据位置不变怎么解决

这个问题可能是由于你没有正确地绑定 v-model 或者没有正确地使用 key 属性导致的。请检查以下几个方面：

1. 确保你正确地绑定了 v-model，例如： v-model="list"，其中 list 是你的数据数组。

2. 确保你在使用 v-for 渲染列表时，为每一个列表项设置了唯一的 key，例如： v-for="(item, index) in list" :key="item.id"。

3. 如果你在拖动列表项时使用了一个函数来更新列表数据，确保这个函数中使用了正确的方式来更新数据。例如：

  methods: {
    onDragEnd(event) {
      const newIndex = event.newIndex
      const item = this.list.splice(event.oldIndex, 1)[0]
      this.list.splice(newIndex, 0, item)
    }
  }

在这个函数中，我们首先获取了拖动后的新位置（newIndex），然后从数组中删除了被拖动的项，并将其插入到新位置（newIndex）。

如果你遵循了以上的步骤，但问题仍然存在，请提供更多的代码和详细的错误信息，以便更好地帮助你解决问题。

vuedraggable获取拖拽数据

回答: 使用vuedraggable插件可以获取拖拽数据。根据引用\[1\]中的描述，当一个元素被拖拽进入另一个区域A时，可以通过vuedraggable的事件来获取拖拽数据。具体来说，可以使用vuedraggable的@change事件来监听拖拽的变化，然后在事件处理函数中获取拖拽的数据。通过event参数可以获取到拖拽的源元素和目标元素的相关信息，包括被拖拽元素的属性值。根据需求，可以判断被拖拽元素和拖入区域的元素的某个属性是否相等，从而确定是否允许拖拽到区域A。\[1\]
#### 引用[.reference_title]
- *1* [vue draggable组件，拖拽元素时，获取元素上在data或setup中定义的数据](https://blog.csdn.net/qq_45327886/article/details/126442014)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue使用vuedraggable实现tag标签动态添加数据且可拖拽功能](https://blog.csdn.net/zuoyiran520081/article/details/129428051)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]