vuedraggable获取拖拽数据
时间: 2023-08-24 16:08:56 浏览: 160
回答: 使用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 ]
阅读全文