老师 watefall 组件中 item 传递过来的数据 left 与 top 是怎么得来的

来源：10-4 通用组件-瀑布流：构建瀑布流布局，获取容器宽度与列宽-1

xiami123

2024-12-01

项目中的

  <div
    class="m-waterfall-item absolute duration-300"
    v-for="(item, index) in data"
    :key="nodeKey ? item[nodeKey] : index"
    :style="{
      width: columnWidth + 'px',
      left: item._style?.left + 'px',
      top: item._style?.top + 'px',
    }"
  >

就是我上传图片，也没有 left 与 top，数据库里面返回的数据也有
Object
list
(20) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
page: "1"
size: "20"
total: 533
[[Prototype]]: Object

数据库返回的每条数据都有 _style: left: 10，top: 0 这个数据，页面中也用到这 left，top，我是上传图片，也没有 left，top 这两个参数，这两个参数是怎么上传到数据库的，为什么会有这两上参数

写回答

1回答