v-infinite-scroll 失效

 <ul
 class="pagelist"
  v-infinite-scroll="loadMore"
  infinite-scroll-disabled="loading"
  infinite-scroll-distance="10" >
  <li v-for="item in list">{{ item }}</li>
</ul>
export defalut({
    data() {
        return {
            loading:false,
            list:[]
        }
    },
    methods: {
        loadMore() {
          this.loading = true
        }
    }
})

添加一个此类样式

.pagelist{
    height: 100%;
    overflow-y: auto;
}