Infinitegrid 中每行一项

Question

我已经使用网格布局到 position 项目框作为无限 stream 已经。 我有第二个用于无限动态加载数据的用例，但它的预期呈现方式会有所不同。 这是简单的旧链接列表。 GridLayout 不适合那里，其他布局也不适合。 我怎样才能 position 每行一件？

<GridLayout
ref="ig"
:options="options"
:layoutOptions="layoutOptions"
@append="onAppend"
@layout-complete="onLayoutComplete"
>
  <div v-for="item in list" :key="item._id" :groupKey="item.groupKey">
    {{ item.caption }}
  </div>
</GridLayout>

我试图将它包装在 DIV 中，但 Infinitegrid 将 append 保留为绝对 position 样式。

码沙盒： https://3j97x.csb.app/

Answer 1

将项目的宽度设为 100% 怎么样？