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 是否 支持 改变大小usec sst ransforms 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的详细内容...