vue-waterfall-easy icon indicating copy to clipboard operation
vue-waterfall-easy copied to clipboard

imgsArr数据更新页面不更新 (数据为对象类型,布局使用slot进行内容布局) 的问题 update property imgsArr but found the render cannot be updated synchronous (content render by slot)

Open iosluoyang opened this issue 4 years ago • 0 comments

首先感谢vue-waterfall-easy提供这么好的瀑布流,真心解决了很大的一部分工作 但是在使用的过程中发现一个问题,如题 当我使用对象数组imgsArr 搭配slot进行瀑布流布局的时候 发现第一次渲染ok 然后我尝试更新对象数组中的某个对象(此处也使用了$set等确保数据进行了正确变更)

通过chrome打印发现data中的imgsArr数据已经变更 但是页面上的slot的item_title和item_content没有进行变更 导致更改了数据只能重新进行一次数据请求,对用户非常不友好,请问如何解决该问题?

代码示例: `<vueWaterfallEasy ref="waterfall" :imgsArr="dataList" srcKey="topImg" @scrollReachBottom="loaddata" >

    <div class="product" slot-scope="props" @click="goto_shopDetails(props.value.pid)">

      <div class="item_title">{{props.value.title}}</div>
      <div class="item_content">{{props.value.content}}</div>

    </div>

< /vueWaterfallEasy> `

再次感谢~~~

iosluoyang avatar Nov 11 '20 09:11 iosluoyang