kuan1 / kuan-vue-waterfall

vue3.0瀑布流插件(该仓库没有经过细心测试,建议选择其他更稳定的库)
https://kuan1.github.io/kuan-vue-waterfall/demo
33 stars 13 forks source link

Invalid prop: custom validator check failed for prop "data". #26

Open Lingouzi opened 2 years ago

Lingouzi commented 2 years ago

vue3 测试代码

<template>
  <div id="app">
    <WaterFall :data="list" width="400px" gap="20px" :delay="false">
      <template #default="item">
        <div class="card">
          {{ item }}
        </div>
      </template>
    </WaterFall>
  </div>
</template>

<script>
  import {ref} from "vue";
  import WaterFall from 'kuan-vue-waterfall'

  export default {
    name: 'App',
    components: {WaterFall},
    setup() {
      const list2 = ref([
        {name: 'hello'}
      ])

      function getNext() {
        console.log('get next...')
        list2.value.push({
          name: 'time ' + new Date().getTime()
        })
      }

      setTimeout(() => {
        getNext()
      }, 2000)

      return {
        list2,
        getNext
      }
    },
    data() {
      return {
        list: [{name: 'name'}]
      }
    }
  }
</script>
leiyangs commented 1 year ago

我也遇到了这个问题,导致后面加载的数据,在item中拿不到,有解决方法吗