1.4.8 • Published 5 years ago
vue-packery-plugin v1.4.8
Vue.js Packery Plugin
A wrapper for the beloved packery for vue.js
Installing
npm install --save vue-packery-plugin
then
import VuePackeryPlugin from 'vue-packery-plugin'
Vue.use(VuePackeryPlugin)
Usage
<div v-packery='{itemSelector: ".packery-item", percentPosition: true}'>
<div v-packery-item class='packery-item'></div>
<div v-packery-item class='packery-item'></div>
<div v-packery-item class='packery-item'></div>
</div>
Receive events
All the packery events are emitted you can make use of it the following Way:
<div v-packery='{itemSelector: ".packery-item", percentPosition: true}' @layoutComplete='doStuff()'>
Manually trigger layout
import {packeryEvents} from 'vue-packery-plugin'
...
packeryEvents.$emit('layout', MY_PACKERY_EL)
Draggabilly
If you need draggabilly support follow instructions here Vue.js Packery Draggabilly Plugin.
Examples
Examples can be run with Vue CLI 3.
1.4.8
5 years ago
1.4.7
5 years ago
1.4.6
5 years ago
1.4.5
5 years ago
1.4.4
5 years ago
1.4.3
5 years ago
1.4.2
5 years ago
1.4.1
5 years ago
1.3.1
5 years ago
1.3.0
6 years ago
1.2.11
6 years ago
1.2.10
6 years ago
1.2.9
6 years ago
1.2.8
6 years ago
1.2.7
6 years ago
1.2.6
6 years ago
1.2.4
6 years ago
1.2.3
6 years ago
1.2.2
6 years ago
1.2.1
6 years ago
1.2.0
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago