1.0.1 • Published 1 year ago
vue-grid-layout-enhance v1.0.1
- The usage is fully compatiblevue-grid-layout
- Based on vue-grid-layout, this plugin improves the way of using it by directly writing dom
- Optimized the non-essential parameters of grid-item
use difference
<!-- 直接写dom使用 -->
<grid-item i="1">1</grid-item>
<grid-item i="2">2</grid-item>
<grid-item i="3">3</grid-item>
...
<!-- 参数优化 -->
<!-- vue-grid-layout -->
<grid-item x="x" y="y" w="w" h="h" i="i">{...content}</grid-item>
<!-- vue-grid-layout-plus -->
<grid-item i="i">{...content}</grid-item>
What is Vue Grid Layout?
vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout
Features
- Draggable widgets
- Resizable widgets
- Static widgets
- Bounds checking for dragging and resizing
- Widgets may be added or removed without rebuilding grid
- Layout can be serialized and restored
- Automatic RTL support (resizing not working with RTL on 2.2.0)
- Responsive
Current version: 2.4.0 (Supports Vue 2.2+)
For legacy browsers, like IE11, use version 2.3.12-legacy
For Vue 2.1.10 and below use version 2.1.3
For Vue 1 use version 1.0.3
Documentation
Check out the Documentation Website
Projects using vue-grid-layout
Know of others? Create a PR to let me know!
Contribute
If you have a feature request, please add it as an issue or make a pull request.
Developed by JBay Solutions