Doesnt work about vue-infinite-scroll HOT 12 CLOSED

Hi @NerdyGlasses, at the top of your script, change

import infiniteScroll from 'vue-infinite-scroll'

to

import { infiniteScroll } from 'vue-infinite-scroll'

or

var infiniteScroll = require('vue-infinite-scroll').infiniteScroll

vue-infinite-scroll exports an object and what you need is the infiniteScroll part. See here.

from vue-infinite-scroll.

It's so easy to learn from example/index.html

from vue-infinite-scroll.

Doesn't work for me as well. The doCheck function won't be called.

from vue-infinite-scroll.

@Leopoldthecoder

from vue-infinite-scroll.

@NerdyGlasses Could you provide an online demo?

from vue-infinite-scroll.

Unfortunately I'm not able to create an online demo. But this is my code.

I've added a console.log('binding') to the bind: function bind() function to see if it will be called. Nothing happens.

I've added another console.log('evaluating') right above the throttle function to check if it will be evaluated. It will be.

<template>
  <div class="unique-ids-modal">
    <white-modal-view headline="Unique IDs" v-ref:modal>
      <ul class="unique-ids"
          v-infinite-scroll="fetchNext()"
          :infinite-scroll-disabled="loading"
          :infinite-scroll-distance="30">
        <li class="unique-id" v-for="uniqueId in uniqueIds">{{ uniqueId.uuid }}</li>
      </ul>
    </white-modal-view>
  </div>
</template>

<script>
import infiniteScroll from 'vue-infinite-scroll'
import WhiteModalView from './WhiteModalView'

export default {
  name: 'UniqueIdsModalView',

  directives: {
    infiniteScroll
  },

  components: {
    WhiteModalView
  },

  data () {
    return {
      loading: false,
      count: 0,
      next_page: true,
      page: 1,
      uniqueIds: []
    }
  }
}
</script>

<style lang="sass">

.unique-ids-modal

  .unique-ids
    height: 200px
    overflow: auto

</style>

from vue-infinite-scroll.

PS. I've removed a bunch of code here. Assume that the fetchNext method exists.

from vue-infinite-scroll.

OK. Will get back to you after I test this.

from vue-infinite-scroll.

okay white modal view is just a component with a slot.

from vue-infinite-scroll.

@Leopoldthecoder My mistake. I should have seen this. It works well now. Thx for helping me out.

from vue-infinite-scroll.

@NerdyGlasses No problem.

from vue-infinite-scroll.

In my code this dont work

loadDisable have true value. And when I scroll nothing happens!!!
My imports:
import infiniteScroll from 'vue-infinite-scroll' Vue.use(infiniteScroll)

from vue-infinite-scroll.