File tree Expand file tree Collapse file tree 1 file changed +16
-6
lines changed
Expand file tree Collapse file tree 1 file changed +16
-6
lines changed Original file line number Diff line number Diff line change 22
33vue-grid-layout is a grid layout system, like [ Gridster] ( http://gridster.net ) , for Vue.js.
44
5+ ** Current version:** 2.0.0 (Supports Vue 2.0+)
6+
7+ ** For Vue 1 use version [ 1.0.0] ( https://github.com/jbaysolutions/vue-grid-layout/tree/1.0.0 ) **
8+
59
610** Heavily inspired in [ React-Grid-Layout] ( https://github.com/STRML/react-grid-layout ) **
711
@@ -50,7 +54,13 @@ Install the vue-grid-layout [package](https://www.npmjs.org/package/vue-grid-lay
5054
5155## Usage
5256
53- npm install vue-grid-layout
57+ npm install vue-grid-layout
58+
59+ or include the script in your html (download from [ releases] ( https://github.com/jbaysolutions/vue-grid-layout/releases ) ):
60+
61+ ``` html
62+ <script src =" vue-grid-layout.min.js" ></script >
63+ ````
5464
5565```javascript
5666
@@ -96,7 +106,7 @@ npm install vue-grid-layout
96106````html
97107
98108 <grid-layout
99- : layout . sync = " layout"
109+ :layout =" layout"
100110 :col-num =" 12"
101111 :row-height =" 30"
102112 :is-draggable =" true"
@@ -107,10 +117,10 @@ npm install vue-grid-layout
107117 >
108118
109119 <grid-item v-for =" item in layout"
110- : x . sync = " item.x"
111- : y . sync = " item.y"
112- : w . sync = " item.w"
113- : h . sync = " item.h"
120+ :x =" item.x"
121+ :y =" item.y"
122+ :w =" item.w"
123+ :h =" item.h"
114124 :i =" item.i" >
115125 {{item.i}}
116126 </grid-item >
You can’t perform that action at this time.
0 commit comments