vuedraggable左右两列拖动的时候,怎么能让他拖拽到右侧时候不自动放入,而是执行我设置的方法?
vuedraggable左右两列拖动的时候,它插件好像自动就会拖动进去,现在我想问一下有什么方法可以不让他自动放入右侧吗,但是又可以执行我放入的时候的方法
回复
1个回答
test
2024-07-03
1.vue项目中使用vuedraggable https://blog.csdn.net/qq_39009348/article/details/106126996
<draggable
v-model="list"
group="people"
@start="drag=true"
@end="drag=false"
:move="onMove"
>
<div
v-for="element in list"
:key="element.name"
>
{{ element.name }}
</div>
</draggable>
javascript
export default {
data() {
return {
list: [
{ name: "John" },
{ name: "Joao" },
{ name: "Jean" },
{ name: "Gerard" }
],
drag: false
};
},
methods: {
onMove(event) {
if (/* your condition */) {
return false;
}
}
}
};
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容