vue-grid-layout

vue-grid-layout 介绍

vue-grid-layout是一个功能强大的瀑布流布局组件。支持用户拖拽和对改变元素大小，并提供相应的事件进行自定义操作。而且布局可以存储和再展现。

vue-grid-layout安装

npm install --save vue-grid-layout使用//script标签下import { GridLayout,GridItem } from 'vue-grid-layout'//export defaultdata(){return{layout:[{"x":0,"y":0,"w":4,"h":2,"i":0} //数据格式]}},components: {GridLayout,GridItem}参数参数 类型 默认值 说明autoSize Boolean true 是否根据内容确定容器的高度colNum Number 12 列数rowHeight Number 150 行高maxRows Number Infinity 最大的行高margin Array [10,10] 两个可移动元素间的距离isDraggable Boolean true 是否支持推拽isResizable Boolean true 是否支持改变大小usecssTransforms Boolean true 是否使用自定义的过渡效果verticalCompact Boolean true 是否使用verticalCompact布局layout Array - 布局位置链接: http://www.fly63.com/nav/1442

网站地址:https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html

GitHub:https://github.com/jbaysolutions/vue-grid-layout

网站描述:可拖拽和缩放的 Vue.js 瀑布流布局组件

vue-grid-layout

官方网站：https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html

小编说

以上是编程之家为你收集整理的vue-grid-layout全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。