---
sidebar: auto
---
# Changelog
## 2.4.0 (Aug 3, 2022)
* GridLayout transformScale prop, to allow proper dragging and resizing when scaled (#430) (thanks [adt-hgkim](https://github.com/adt-hgkim)
* GridLayout and GridItem isBounded prop, to prevent draging outside of the parent element (#523) (thanks [rin4ik](https://github.com/rin4ik)
* Added GridItem passthrough options for interact resizable and draggable (#181) (thanks [llezenelrahc](https://github.com/llezenelrahc)
* Change function call order for responsive features (thanks [william8012](https://github.com/william8012)
* Added GridLayout restoreOnDrag prop, to generate less gaps on drag when verticalCompact is false (thanks [jledentu](https://github.com/jledentu)
* added unit tests (thanks [ygj6](https://github.com/ygj6)
* layout key extra validations (thanks [ygj6](https://github.com/ygj6)
* Fix grid items overlapping when using autoSize() (thanks [ygj6](https://github.com/ygj6) and [savandriy](https://github.com/savandriy))
## 2.3.12 (Jan 15, 2020)
* Bumped interact.js to 1.10.2
* Added 'preserveAspectRatio' property to GridItem (thanks [validide](https://github.com/validide))
## 2.3.11 (Oct 13, 2020)
* fix: regression when using responsive layout (#487)
## 2.3.10 (Oct 12, 2020)
* Bumped interact.js to 1.10.0, now imported as ES6 modules to optimize size
* fix: resizing a grid item in RTL mode wasn't working (thanks [or-lat](https://github.com/or-lat))
* Added GridLayout.useStyleCursor property to fix possible browser freezes (thanks [mosuzi](https://github.com/mosuzi))
* fix: wrong parent layout when GridItem is not the child of GridLayout (thanks [lzq4047](https://github.com/lzq4047))
* Fix: Item's size changes when hiding/displaying it again in responsive mode (thanks [lustan3216](https://github.com/lustan3216))
## 2.3.9 (Sep 28, 2020)
* Fix plugin installation (fixes #311) (thanks [yfwz100](https://github.com/yfwz100))
* Bumped interact.js to 1.9.22
## 2.3.8 (July 31, 2020)
* Make margins reactive (thanks [yfwz100](https://github.com/yfwz100))
* Added missing 'layout-updated' events (thanks [ben-lau](https://github.com/ben-lau))
* Support for initial responsive layouts and breakpoint change event (thanks [ftylitak](https://github.com/ftylitak))
* Bugfix for possible error when layout items get removed and interactObj is not set (thanks [Tofandel](https://github.com/Tofandel))
* Fix wrong grid item sorting in responsive mode (thanks [pieterbeulque](https://github.com/pieterbeulque))
## 2.3.7 (Oct 31, 2019)
* renamed 'resized' event emitted when the container changes size (browser window or other), introduced in #337, fixes #358
* bugfix on layout-ready event
## 2.3.6 (Sep 11, 2019)
* reverted grid item w and h previous rounding change, fixes #355
## 2.3.5 (Sep 7, 2019)
* Fix: no-touch on mobile and only if item is draggable or resizable (thanks [DGoms](https://github.com/DGoms)).
* Prevent collision feature (thanks [SheanDe](https://github.com/SheanDe)).
* Simplified Chinese README (thanks [harrywangchina](https://github.com/harrywangchina)).
* 'resized' event now emitted if grid item is resized due to changes other than a manual resize (e.g. browser window resize) (thanks [pmorch](https://github.com/pmorch)).
* Improvement on 'layout-ready' event emit (thanks [pmorch](https://github.com/pmorch)).
* Added watchers for min/max height and width (thanks [grinat](https://github.com/grinat)).
* Improvement: make sure the size of grid-item is bigger than the slot-item (thanks [ywmail](https://github.com/ywmail)).
## 2.3.4 (Mar 5, 2019)
* Support for static items (thanks [panjiangyi](https://github.com/panjiangyi)).
* RTL bugfix (thanks [irvingwa](https://github.com/irvingwa)).
* Memory leak fixes (thanks [aiankile](https://github.com/aiankile)).
* Fixed exception on grid layout mount (thanks [BenoitZugmeyer](https://github.com/BenoitZugmeyer)).
* Fixed overlapping and resizing bugs on responsive mode (thanks [shpfive](https://github.com/shpfive)).
* Added new events emited by GridLayout (layout-created, layout-before-mount, layout-mounted, layout-ready) (thanks [samuelmolinski](https://github.com/samuelmolinski)).
## 2.3.3 (Dec 26, 2018)
* Reverted adding vue as external, which caused problems loading umd.
## 2.3.2 (Dec 13, 2018)
* Added vue as externals webpack config to fix startup problems (thanks [Micene9](https://github.com/Micene09))
## 2.3.1 (Nov 6, 2018)
* Previous fix for touch dragging on Android broke dragging on other mobile browsers (thanks [onx2](https://github.com/onx2))
## 2.3.0 (Oct 26, 2018)
* Responsive layout support (thanks [shpfive](https://github.com/shpfive))
* Fix for touch dragging on Android (thanks [pbabey](https://github.com/pbabey))
## 2.2.0 (Sep 10, 2018)
* changed project structure and build using Vue CLI
* GridItem new autosize method. For now, need to be called from child component with this.$parent.autoSize() (thanks[mech01nc01](https://github.com/mech01nc01))
* Abstract DOM related calls for initial SSR Support (thanks[Kukks](https://github.com/Kukks))
* GridItem.i can now be a number or a string (thanks[xch1029](https://github.com/xch1029))
* Use interactjs size restrictions to limit resizing (thanks[LuisCarreras](https://github.com/LuisCarreras))
* Fixed interactjs instance leak on instance release (thanks[zzuligy](https://github.com/zzuligy))
## 2.1.13 (May 2, 2018)
* Resize event now also emits dimensions in pixels (thanks [buremba](https://github.com/buremba))
* Support for dynamic col-num (#121) (thanks [ittus](https://github.com/ittus))
## 2.1.12 (Fev 27, 2018)
* Updated interact.js to 1.3.3 (#144)
## 2.1.11 (Jan 5, 2018)
* Fixed issue with multiple grids on same vm (#134) (thanks [Suen](https://github.com/sunzongzheng))
* Fixed issue with layout update on reassignment (#130) (thanks [daizengyu](https://github.com/daizengyu123))
## 2.1.10 (Dec 15, 2017)
* Fixed possible bug related with #119
* Changed css translate to translate3d (#96)
* Added is-mirrored config, allowing the grid items to be rendered from right to left (horizontal flip) (thanks [kweij](https://github.com/kweij))
* Added grid updated event for easier integration with vuex (thanks [SergeyKhval](https://github.com/SergeyKhval))
## 2.1.9 (Aug 17, 2017)
* Fixed local module reference to interact.js
## 2.1.8 (Aug 17, 2017)
* Fixed #61 and #37
* Fixed #82
* Fixed #87
## 2.1.7 (Aug 17, 2017)
* Fixed #59
* Fixed #83
* Implemented support for dragAllowFrom and dragIgnoreFrom props on GridItem (thanks [ThePlastic](https://github.com/ThePlastic))
## 2.1.6 (Apr 6, 2017)
* Fixed #43, configurable drag elements ignore on grid item contents (thanks [neithere](https://github.com/neithere))
* Fix for getLayoutItem, sometimes returns null elements (thanks [pbabey](https://github.com/pbabey))
## 2.1.5 (Mar 24, 2017)
* Really fixed #22 #32, multiple grid instances were not working properly in 2.1.4
* resizedEvent now also returns item width and height in pixels (implements #34)
## 2.1.4 (Mar 20, 2017)
* Implemented #32, support for multiple grid instances on the same page
## 2.1.3 (Mar 9, 2017)
* Fixed #27, props mutation warnings
## 2.1.2 (Fev 16, 2017)
* Implemented #12, buttons on GridItems would trigger drag on mobile
* Implemented #24, listeners removal beforeDestroy (thanks [pbabey](https://github.com/pbabey))
## 2.1.1 (Fev 9, 2017)
* Implemented #13, dynamic row height update support
* Implemented #23, dynamic enable/disable dragging and resizing support
* Implemented #21, moved and resized events
## 2.1.0 (Fev 6, 2017)
* RTL support (thanks [easteregg](https://github.com/easteregg))
* Move and resize events (thanks [ThePlastic](https://github.com/ThePlastic))
没有合适的资源?快使用搜索试试~ 我知道了~
vue,元素拖拽库,已实践好用
共138个文件
md:45个
js:31个
vue:23个
需积分: 0 0 下载量 92 浏览量
2022-12-06
17:02:32
上传
评论
收藏 1.37MB ZIP 举报
温馨提示
vue,元素拖拽库,已实践好用
资源推荐
资源详情
资源评论
收起资源包目录
vue,元素拖拽库,已实践好用 (138个子文件)
.browserslistrc 33B
app.css 3KB
app.css 3KB
.gitignore 265B
04-allow-ignore.html 4KB
05-mirrored.html 3KB
03-multiple-grids.html 3KB
02-events.html 3KB
10-drag-from-outside.html 3KB
08-responsive-predefined-layouts.html 2KB
01-basic.html 2KB
06-responsive.html 2KB
09-dynamic-add-remove.html 2KB
11-bounded.html 2KB
07-prevent-collision.html 2KB
interact-test.html 1002B
index.html 649B
favicon.ico 15KB
favicon.ico 1KB
vue-grid-layout.umd.js 404KB
vue-grid-layout.common.js 404KB
vue.js 332KB
vue-grid-layout.umd.min.js 140KB
vue.min.js 91KB
utils.js 19KB
utils.spec.js 9KB
responsiveUtils.js 4KB
config.js 4KB
10-drag-from-outside.js 4KB
02-events.js 4KB
01-basic.js 3KB
06-responsive.js 3KB
08-responsive-predefined-layouts.js 3KB
interact-test.js 2KB
07-prevent-collision.js 2KB
draggableUtils.js 1KB
09-dynamic-add-remove.js 1KB
DOM.js 1KB
11-bounded.js 969B
enhanceApp.js 901B
GridItem.spec.js 767B
index.js 745B
vue.config.js 743B
jest.config.js 548B
Autocomplete.js 385B
.eslintrc.js 353B
babel.config.js 148B
main.js 101B
postcss.config.js 59B
index.js 56B
package-lock.json 480KB
package.json 2KB
package.json 701B
LICENSE 1KB
yarn.lock 502KB
yarn.lock 396KB
vue-grid-layout.umd.min.js.map 601KB
vue-grid-layout.umd.js.map 522KB
vue-grid-layout.common.js.map 522KB
README-zh_CN.md 14KB
properties.md 8KB
README.md 8KB
README.md 7KB
properties.md 6KB
events.md 5KB
events.md 4KB
README.md 3KB
styling.md 2KB
usage.md 2KB
usage.md 2KB
styling.md 1KB
README.md 908B
bug_report.md 888B
README.md 855B
feature_request.md 750B
README.md 712B
README.md 662B
10-drag-from-outside.md 454B
10-drag-from-outside.md 412B
04-allow-ignore.md 366B
09-dynamic-add-remove.md 365B
09-dynamic-add-remove.md 364B
04-allow-ignore.md 363B
07-prevent-collision.md 362B
07-prevent-collision.md 357B
examples.md 351B
examples.md 342B
06-responsive.md 331B
06-responsive.md 330B
11-bounded.md 305B
08-responsive-predefined-layouts.md 301B
08-responsive-predefined-layouts.md 291B
11-bounded.md 251B
03-multiple-grids.md 240B
03-multiple-grids.md 238B
05-mirrored.md 235B
02-events.md 231B
05-mirrored.md 231B
02-events.md 226B
01-basic.md 208B
共 138 条
- 1
- 2
资源评论
前端某某
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功