# layout-project

**Repository Path**: wfeng0/layout-project

## Basic Information

- **Project Name**: layout-project
- **Description**: vue-grid-layout，A grid layout system for Vue.js。本例是使用Vue Grid Layout 实现的实际项目的使用效果，在具有拖拽组成页面、组件动态调整大小、边缘碰撞监测的系统中，使用该布局无疑是最合适的。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 22
- **Forks**: 6
- **Created**: 2023-02-24
- **Last Updated**: 2025-08-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-grid-layout

## 项目说明

使用 vue-grid-layout 搭建的网页拖拽布局项目实例
涉及了 layout-item 元素的尺寸计算方法、元素交换位置、动态生成元素等多方面讲解

## 效果图如下

![image](https://user-images.githubusercontent.com/71718029/234740161-c3bbcc5f-cb19-497a-8040-81677fc28805.png)

![image](https://user-images.githubusercontent.com/71718029/234740312-3f6e9255-89da-4647-ad90-adb4aeadfd00.png)


## 文章详情

    (CSDN Vue Grid Layout - 适用Vue.js的栅格布局系统（项目实例）)
<https://blog.csdn.net/weixin_47746452/article/details/129130355?spm=1001.2014.3001.5501>