首页 > .vue 用iscroll实现下拉加载失败?有可用的vuejs实现下拉的库吗?

.vue 用iscroll实现下拉加载失败?有可用的vuejs实现下拉的库吗?

尝试用iscroll实现,结果失败,代码如下

<template>
  <div class="content" v-infinite-scroll="loadMore()" infinite-scroll-disabled="busy" infinite-scroll-distance="10" onload="loaded()">
    <div id="wrapper">
      <p v-for="result in results">{{result}}</p>
    </div>
  </div>
</template>

<script>
  require('vue-infinite-scroll');
  require('iscroll');

  module.exports = {
    data:function () {
      return {
        results : [],
        busy:false
      }
    },
    ready: function () {
      document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
    },
    methods:{
      loadMore: function () {
        this.busy = true;
        var self = this;
        fetch('/server.php')
        .then(function(response) {
          return response.json()
        }).then(function(json) {
          self.results = self.results.concat(json);
        }).catch(function(ex) {
          console.log(ex);
        });
        this.busy = false;
      },
      loaded: function () {
        myScroll = new IScroll('#wrapper', { mouseWheel: true });
      }
    }
}
</script>

没见过div里加onload="loaded()"

把loaded()丢到ready里

正常可以用的插件, 在vue中也都可以用, 至少我还遇到不能用的.

【热门文章】
【热门文章】