共计 556 个字符,预计需要花费 2 分钟才能阅读完成。
起步
东西确实是好东西,奈何一开始文档没捋清,费了一番时间好好琢磨了一下。
Github:https://github.com/SortableJS/vue.draggable.next,完整代码如下:
添加标签
{{element.name}}
添加标签
1. 配置说明
- v-modal,绑定数据源。
- item-key,指定作为 key 的键名。
- tag,指定外部标签名。
- handle,指定 #item 内,触发拖动的选择器。
- move,移动过程中触发的函数。
- ghostClass,拖动时下方元素添加的类。
- dragClass,拖动元素添加的类
- selectedClass,选中元素的类。
- #item,内容区域的插槽,参数 {element,index}
- #header,#footer,顶部和底部不触发拖动的区域元素
- 各种方法
完整参数说明:https://github.com/SortableJS/Sortable#options
2. 使用记录
使用 forceFallback: true 将强制拖动时不使用 h5 的 dragable 接口。
当使用 forceFallback 时,指定拖动元素 fallbackClass 的样式类。
fallbackOnBody: false, 用于指定是否将 append 的元素添加到 body 下面,不指定时,将复制到被拖动元素的同一层级
正文完