naver / egjs-infinitegrid

A module used to arrange card elements including content infinitely on a grid layout.
https://naver.github.io/egjs-infinitegrid/
MIT License
2.23k stars 95 forks source link

The VUE3 code I copied from the official website doesn't seem to work properly #447

Closed StarEyeser closed 3 years ago

StarEyeser commented 3 years ago

Description

It always prompts ··Property "$scopedSlots" was accessed during render but is not defined on instance. I read the document, but I still can't solve it. So I want to ask for your help.

Steps to check or reproduce

屏幕截图 2021-12-02 101400

daybrush commented 3 years ago

@StarEyeser

I will check and fix it.

daybrush commented 3 years ago

@StarEyeser

Test @egjs/vue3-infinitegrid@4.1.3-beta.0(@beta). Thank you :)

StarEyeser commented 3 years ago

@daybrush I've tested it. Version @egjs/vue3-infinitegrid@4.1.3-beta.0 works normally. Thank you very much.

MeikelLP commented 2 years ago

Still happening for me:

[Vue warn]: Property "$scopedSlots" was accessed during render but is not defined on instance. 
  at <MasonryGrid class="columns is-multiline" gap=5 onRequestAppend=fn<bound infiniteHandler> > 
  at <Home onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView key=1 > 
  at <App>

Using ^4.1.3-beta.0

Template (truncated)

<masonry-infinite-grid
      class="columns is-multiline"
      v-bind:gap="5"
      @requestAppend="infiniteHandler"
    >
  <shop-item :item="item" v-for="item in items" :key="item.id" :data-grid-groupkey="item.groupKey" class="column is-2"></shop-item>
</masonry-infinite-grid>

Handler

async infiniteHandler (e) {
      this.page++
      const newItems = await this.getItems()
      this.items.push(...newItems)
}