History

jayhgq 55617d125d 初始化		2025-10-20 21:21:14 +08:00
..
01-basic.md	初始化	2025-10-20 21:21:14 +08:00
02-events.md	初始化	2025-10-20 21:21:14 +08:00
03-multiple-grids.md	初始化	2025-10-20 21:21:14 +08:00
04-allow-ignore.md	初始化	2025-10-20 21:21:14 +08:00
05-mirrored.md	初始化	2025-10-20 21:21:14 +08:00
06-responsive.md	初始化	2025-10-20 21:21:14 +08:00
07-prevent-collision.md	初始化	2025-10-20 21:21:14 +08:00
08-responsive-predefined-layouts.md	初始化	2025-10-20 21:21:14 +08:00
09-dynamic-add-remove.md	初始化	2025-10-20 21:21:14 +08:00
10-drag-from-outside.md	初始化	2025-10-20 21:21:14 +08:00
auto-size.md	初始化	2025-10-20 21:21:14 +08:00
events.md	初始化	2025-10-20 21:21:14 +08:00
examples.md	初始化	2025-10-20 21:21:14 +08:00
properties.md	初始化	2025-10-20 21:21:14 +08:00
README.md	初始化	2025-10-20 21:21:14 +08:00
styling.md	初始化	2025-10-20 21:21:14 +08:00
usage.md	初始化	2025-10-20 21:21:14 +08:00

README.md

安装

NPM

npm install vue-grid-layout --save

Yarn

yarn add vue-grid-layout

导入库

    import VueGridLayout from 'vue-grid-layout';

添加到其他Vue组件

   export default {
       components: {
           GridLayout: VueGridLayout.GridLayout,
           GridItem: VueGridLayout.GridItem
       },
   // ... data, methods, mounted (), etc.
   }

浏览器

包括可用于浏览器的软件包（从发布版本下载）。组件将自动可用。

    <script src="vue-grid-layout.umd.min.js"></script>