# vue拖拽布局完整demo，支持拖拽，自定义布局 **Repository Path**: foge/DragLayout ## Basic Information - **Project Name**: vue拖拽布局完整demo，支持拖拽，自定义布局 - **Description**: 基于vue-draggable的拖拽，支持组件切换，完美拖拽。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 10 - **Forks**: 3 - **Created**: 2021-09-27 - **Last Updated**: 2024-03-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: Vue ## README # 项目名称 > vue拖拽布局完整demo，支持拖拽，自定义布局 ## 技术选型 vue2.0、 vue-draggable：https://www.itxst.com/vue-draggable/tutorial.html ## 快速运行 ``` bash # 安装依赖 npm install # 运行 npm run dev # 打包 npm run build ``` 启动后访问地址： http://localhost:8080 ## 模板说明 ``` bash 1、调用、引用组件、配置数据："src\components\Index.vue" 2、配置所有备选组件列表："src\components\DragLayout\DragLayout.vue" 3、子组件，可自由发挥："src\components\comList" 注意：展示模块尺寸同子组件尺寸，理论不限制父级尺寸 ``` ## 效果截图