Home Explore Help
Sign In
usky-oa
/
jnpf-web-vue3
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
jnpf-web-vue3
/
node_modules
/
vue-grid-layout
/
website
/
docs
/
guide
zhaojinyu e984acc6d0 first commit 10 months ago
..
01-basic.md e984acc6d0 first commit 10 months ago
02-events.md e984acc6d0 first commit 10 months ago
03-multiple-grids.md e984acc6d0 first commit 10 months ago
04-allow-ignore.md e984acc6d0 first commit 10 months ago
05-mirrored.md e984acc6d0 first commit 10 months ago
06-responsive.md e984acc6d0 first commit 10 months ago
07-prevent-collision.md e984acc6d0 first commit 10 months ago
08-responsive-predefined-layouts.md e984acc6d0 first commit 10 months ago
09-dynamic-add-remove.md e984acc6d0 first commit 10 months ago
10-drag-from-outside.md e984acc6d0 first commit 10 months ago
README.md e984acc6d0 first commit 10 months ago
auto-size.md e984acc6d0 first commit 10 months ago
events.md e984acc6d0 first commit 10 months ago
examples.md e984acc6d0 first commit 10 months ago
properties.md e984acc6d0 first commit 10 months ago
styling.md e984acc6d0 first commit 10 months ago
usage.md e984acc6d0 first commit 10 months ago

README.md

Installation

NPM

npm install vue-grid-layout --save

Yarn

yarn add vue-grid-layout

Import the library

    import VueGridLayout from 'vue-grid-layout';

Add to other Vue components

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

browser

Include the browser-ready bundle (download from releases) in your page. The components will be automatically available.

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