Vue 可拖拽组件 vue

您所在的位置:网站首页 vue基础入门题库 Vue 可拖拽组件 vue

Vue 可拖拽组件 vue

2023-07-03 03:30| 来源: 网络整理| 查看: 265

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