Vue ZigZag Grid Plugin
npm install vue-zigzag-gridLike pinterest list
MIT License
Installation is very easy
``bash`
npm i -S vue-zigzag-grid`
orbash`
yarn add vue-zigzag-grid`$3
js`
import Vue from 'vue'
import ZigzagGrid from 'vue-zigzag-grid'
Vue.use(ZigzagGrid)
`js
import TEST_DATA from './data.json'
import Item from './Item.vue'
export default {
data () {
return {
json: TEST_DATA,
containerWidth: 0,
itemPadding: 6,
startGrid: 2,
list: []
}
},
created () {
if (process.browser) {
this.containerWidth = window.innerWidth
this.list.push(...this.json.list)
// this.list = this.json.list[0]
}
},
methods: {
reflowed () {
}
},
computed: {
},
components: {
Item
}
}
`
`html``
:itemPadding="itemPadding"
@reflowed="reflowed"
ref="zigzagGrid"
:grid="startGrid"
:list="list"
>