VUE2.6 又没有这样的库

[MRG0]

用于首页元素布局，能随意拖动，自动排序，还能改变元素大小，同时能记录元素的位置，以便储存。 我现在在研究 vue-grid-layout ，但是他的宽高设置实在令人困惑

[MRG0]

@jy02534655 #20 我想用 vue-draggable 再结合一个缩放库好像也能做，flex-wrap ，数组的顺序就是每一个元素的位置

[sanmaozhao]

同样的需求，我用 vue-grid-layout 实现的。目前感觉效果不错

>任意调整大小
这个需求意义不大吧，如果真的最小粒度是 1px ，那么多个区块之间最终用户想对齐，都会很困难
把格子的最小粒度调小点就是了，比如 10px

所以 OP 具体有啥解决不了的问题，不如具体说一下？

[MRG0]

@sanmaozhao #22 任意调整大小属于需求如此，只能去实现。我尝试把粒度改为 1px ，这样写确定长宽的元素就更方便了，但是，我想在每个元素内添加不同内容该怎么写呢，v-if 吗

[sanmaozhao]

>但是，我想在每个元素内添加不同内容该怎么写呢

这和 vue-grid-layout 或者其他任意布局库就都没关系了
每个区块都有自己的数据啊，比如
{
w:10, // 宽
h:4, // 高
x:0, // 水平位置
y:0, // 垂直位置
content:'内容都保存在这里'
}

[MRG0]

@sanmaozhao #24 content 里写 jsx 吗，感觉好像有点难度

[MRG0]

@sanmaozhao #24 vue-grid-layout 还是 vue-draggable 还需要进一步实验，最近两天都在改其他东西的样式

[jy02534655]

@MRG0 https://github.com/JakHuang/form-generator 这个就是基于 vue-draggable 来的，然后用 element 的 layout 来控制布局的