vuedraggable左右两列拖动的时候,怎么能让他拖拽到右侧时候不自动放入,而是执行我设置的方法?

作者站长头像
站长
· 阅读数 7

vuedraggable左右两列拖动的时候,它插件好像自动就会拖动进去,现在我想问一下有什么方法可以不让他自动放入右侧吗,但是又可以执行我放入的时候的方法

回复
1个回答
avatar
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;
      }
    }
  }
};
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容