素材巴巴 > 程序开发 >

Vue实现拖拽布局组件 - yirujet-drag-drop-layout

程序开发 2023-09-10 07:55:46

最近用vue封装了一个拖拽布局组件并发布到了npm,记录下。

npm包名: yirujet-drag-drop-layout

组件代码地址:GitHub - Yirujet/yirujet-drag-drop-layout: Vue实现的拖拽布局组件

效果图:

功能:拖拽、改变大小、动态展示内容组件

实现思路:栅格 + 深度监听网格数组触发拖拽节点自动向上"冒泡" + 计算页面最佳位置插入拖拽节点

 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。