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

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 拖动

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

  • 我正在尝试创建一个文本区域,在这里我可以添加HTML元素,这些元素应该可以在字符级别上拖动。这个问题与我目前正在问的另一个问题有关,但与GWT有关。为了创建这样一个文本区域,我试图了解如何一步一步地完成它。到目前为止,我得到的是: JSFIDLE JavaScript: 超文本标记语言: 但是出于某种原因,我只能拖动。我真正需要的是能够拖动一个或者更好的一个... 我怎样才能做到这一点? PS:如