Vue 可拖拽组件 vue |
您所在的位置:网站首页 › vue基础入门题库 › Vue 可拖拽组件 vue |
layout 数据源。值必须为 Array,其数据项为 Object。 每条数据项必须有 i, x, y, w 和 h 属性。 请参考下面的 GridItem。 responsiveLayouts 如果 responsive 设置为 true,该配置将作为栅格中每个断点的初始布局。键值是断点名称,每项的值都是类似 layout 属性定义的数据结构,值必须为 Array,其数据项为 Object。例如: {lg: [layout items], md: [layout items]}。需要注意的是,在创建栅格布局后设置该属性无效。 colNum 定义栅格系统的列数,其值需为自然数。 rowHeight 每行的高度,单位像素。 maxRows 定义最大行数。 margin 定义栅格中的元素边距。 值必须是包含两个 Number 的数组,数组中第一个元素表示水平边距,第二个表示垂直边距,单位为像素。 isDraggable 标识栅格中的元素是否可拖拽。 isResizable 标识栅格中的元素是否可调整大小。 isMirrored 标识栅格中的元素是否可镜像反转。 autoSize 标识容器是否自动调整大小。 verticalCompact 标识布局是否垂直压缩。 useCssTransforms 标识是否使用 CSS 属性 transition-property: transform;。 responsive 标识布局是否为响应式。 breakpoints 为响应式布局设置断点。 cols 设置每个断点对应的列数。 useStyleCursor 标识是否使用动态鼠标指针样式。当拖动出现卡顿时,将此值设为 false 也许可以缓解布局问题。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |