vue-draggable 的使用 2019-11-07

2019-11-07  本文已影响0人  有梦想的妞

参考地址:http://www.ptbird.cn/vue-draggable-dragging.html

自动滚动参考:1、https://segmentfault.com/q/1010000020397066

2、https://github.com/SortableJS/Vue.Draggable/issues/600

一 安装库 引入库

yarn add vuedraggable

import vuedraggable from "vuedraggable";

二、需要先注册组件

components:{vuedraggable},

三、使用方法

四、需要拖动的时候自动上下滚动 和左右滚动

 :scroll-sensitivity="150"

  :force-fallback="true"

五、当需要拖动的时候 有个占位符,不能使用transition-group 标签,直接使用div标签 嵌套需要拖动的块,如果使用transition-group标签

占位符样式会被压住

上一篇 下一篇

猜你喜欢

热点阅读