@Zackery747 Found a solution. You only have to call this.$refs.infiniteScroll.stop() when the return data list is empty.

@metalsadman Really Dumb Question. What must I do if the onLoad method returns an empty list of data? Because I’m using the onLoad method to get data from a server. But when I return an empty list of data it just keeps loading and making calls one after another.

Basic mimic of what is happening : code pen example

@metalsadman Thank you for bringing that to my attention. It works perfectly now!

Hello, I’m trying to use an infinite scroll inside tab panels. The main issues is the @load event to load more data. This event is being called infinite times after each other when placed inside the tab panels. It doesn’t wait for the user to scroll down and then load more data.

any suggestions to solve this issue will be much appreciated.

link to code pen: link text

    <q-tab-panels v-model="tabIndex" animated swipeable keep-alive>
      <q-tab-panel swipeable name="tab1" style="background: #17202A;">
        <q-infinite-scroll @load="onLoad" :offset="250">
          <div v-for="(item, index) in items" :key="index" class="caption">
            <p>Lorem ipsum dolor sit amet consectetur labore.</p>
          </div>
          <template v-slot:loading>
            <div class="row justify-center q-my-md">
              <q-spinner-dots color="primary" size="40px" ></q-spinner-dots>
            </div>
          </template>
        </q-infinite-scroll>
      </q-tab-panel>
    </q-tab-panels>
```**bolded text**

@metalsadman Maybe this is the main problem why edge is not working?

"From my experience you cannot webpack edge or edge-js because it contains binary files that are being looked up by path. Perhaps someone has solution for it. You should set edge-js as external and then copy node_modules/edge-js to your working directory"

No, it’s cool! I will try a clean rebuild and see what happens else it is back to googling. Because the doc doesn’t say anything about this error :(.
Anycase thanks for the help. It was very much appreciated.

@metalsadman sorry for the late reply. So I did set the integration to true but it still gives me the same error.

@metalsadman No, I didn’t set it to true.

@metalsadman I now added an electron-edge-js boot file like this.

import Vue from ‘vue’
import edge from ‘electron-edge-js’
Vue.prototype.$edge = edge

and replaced my required with the prototype $edge.. But now when I run my project it gives me the same error at startup. So that means the boot file did work but the node module is still an issue.

@metalsadman thanks for the reply. I did use require like this.

var edge = require(‘electron-edge-js’)
var getCurrentTime = edge.func({
assemblyFile: baseDll,
typeName: localTypeName,
methodName: ‘GetCurrentTime’
})

thanks for the link. I will go and check out boot files.