尝试用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中也都可以用, 至少我还遇到不能用的.