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 2
2
3
3
vue-grid-layout is a grid layout system, like [ Gridster] ( http://gridster.net ) , for Vue.js.
4
4
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
+
5
9
6
10
** Heavily inspired in [ React-Grid-Layout] ( https://github.com/STRML/react-grid-layout ) **
7
11
@@ -50,7 +54,13 @@ Install the vue-grid-layout [package](https://www.npmjs.org/package/vue-grid-lay
50
54
51
55
## Usage
52
56
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
+ ````
54
64
55
65
```javascript
56
66
@@ -96,7 +106,7 @@ npm install vue-grid-layout
96
106
````html
97
107
98
108
<grid-layout
99
- : layout . sync = " layout"
109
+ :layout =" layout"
100
110
:col-num =" 12"
101
111
:row-height =" 30"
102
112
:is-draggable =" true"
@@ -107,10 +117,10 @@ npm install vue-grid-layout
107
117
>
108
118
109
119
<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"
114
124
:i =" item.i" >
115
125
{{item.i}}
116
126
</grid-item >
You can’t perform that action at this time.
0 commit comments