当前位置: 首页 > 知识库问答 >
问题:

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

孟英锐
2023-05-24

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

共有1个答案

葛高澹
2023-05-24

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;
      }
    }
  }
};
 类似资料:
  • 本文向大家介绍当 bean 存在的时候怎么置后执行自动配置?相关面试题,主要包含被问及当 bean 存在的时候怎么置后执行自动配置?时的应答技巧和注意事项,需要的朋友参考一下 为了当 bean 已存在的时候通知自动配置类置后执行,我们可以使用 @ConditionalOnMissingBean 注解。这个注解中最值得注意的属性是: value:被检查的 beans 的类型 name:被检查的 be

  • 本文向大家介绍jQuery实现分隔条左右拖动功能,包括了jQuery实现分隔条左右拖动功能的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现分隔条左右拖动功能的实现代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 具体内容如下 希望本文所述对大家学习jquery分隔条有所帮助。

  • 我试着让滑动抽屉菜单和脸书应用程序中的一样。我在这里提出了很多像这样的问题。找到了很多库,但它们都在不同的库中从左向右或从右向左滑动。我想让它从两侧滑动,通过顶部栏中的两个按钮从左向右和从右向左滑动。有人能帮我吗。 提前感谢。

  • 本文向大家介绍vue中实现拖动调整左右两侧div的宽度的示例代码,包括了vue中实现拖动调整左右两侧div的宽度的示例代码的使用技巧和注意事项,需要的朋友参考一下 写在最前 最近在使用vue的时候,遇到一个需求,实现左右div可通过中间部分拖拽调整宽度,类似于这样 这是我最终的实现效果 还是老话,因为我不是专业的前端工程师,只是兼职写一些简单的前端,所以这个功能的实现得益于以下博客,《vue 拖动

  • 有两个div 想要实现.two在.one这个div里面通过滚轮缩放和鼠标拖动效果,并且拖动过程中不能完全拖离.one这个的区域,至少保留20px还在区域内(不管上下左右拖动都一样)意思大概跟下面这张图一样 而且.two初始的宽高大于.one,在打开这个页面的时候要把.two缩放到.one可显示全的大小,不知道这个效果该怎么做,搞了好久搞不出来,现在做了一部分,代码如下:

  • 本文向大家介绍js实现左右两侧浮动广告,包括了js实现左右两侧浮动广告的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现左右浮动广告展示的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。