zoukankan      html  css  js  c++  java
  • vuedraggable自由拖拽

    属性名称说明
    group :group= "name",相同的组之间可以相互拖拽
    sort :sort= "true",是否开启内部排序,如果设置为false,它所在组无法排序,在其他组可以拖动排序
    delay :delay= "0", 鼠标按下后多久可以拖拽
    touchStartThreshold 鼠标移动多少px才能拖动元素
    disabled :disabled= "true",是否启用拖拽组件
    animation 拖动时的动画效果,还是很酷的,数字类型。如设置animation=1000表示1秒过渡动画效果
    handle :handle=".mover" 只有当鼠标移动到css为mover类的元素上才能拖动
    filter :filter=".unmover" 设置了unmover样式的元素不允许拖动
    draggable :draggable=".item" 那些元素是可以被拖动的
    ghostClass :ghostClass="ghostClass" 设置拖动元素的占位符类名,你的自定义样式可能需要加!important才能生效,并把forceFallback属性设置成true
    chosenClass :ghostClass="hostClass" 被选中目标的样式,你的自定义样式可能需要加!important才能生效,并把forceFallback属性设置成true
    dragClass :dragClass="dragClass"拖动元素的样式,你的自定义样式可能需要加!important才能生效,并把forceFallback属性设置成true
    dataIdAttr dataIdAttr: 'data-id'
    forceFallback 默认false,忽略HTML5的拖拽行为,因为h5里有个属性也是可以拖动,你要自定义ghostClass chosenClass dragClass样式时,建议forceFallback设置为true
    fallbackClass 默认false,克隆的DOM元素的类名
    allbackOnBody 默认false,克隆的元素添加到文档的body中
    fallbackTolerance 拖拽之前应该移动的px
    scroll 默认true,有滚动区域是否允许拖拽
    scrollFn 滚动回调函数
    scrollSensitivity 距离滚动区域多远时,滚动滚动条
    scrollSpeed 滚动速度
    关注博客 https://www.cnblogs.com/aknife/
  • 相关阅读:
    Nginx之HTTP过滤模块
    Nginx之编写HTTP模块
    Nginx之最简单的反向代理机制分析
    Nginx之搭建反向代理实现tomcat分布式集群
    Nginx之configure选项
    Nginx-HTTP之ngx_http_top_body_filter
    Nginx-HTTP之ngx_http_top_header_filter
    Nginx-HTTP之静态网页访问流程分析二
    error: ‘Poco::UInt16’ has not been declared
    字符数组中查找字符串或字符数组
  • 原文地址:https://www.cnblogs.com/aknife/p/15131319.html
Copyright © 2011-2022 走看看