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

Question

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

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

Answer 1

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

把loaded()丢到ready里

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