前端之家收集整理的这篇文章主要介绍了
vue.js加载新的内容(实例代码)，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
vue是一种轻巧便捷的框架，那么如何进行对于数据加载的刷新呢？以下就是我对于vue.js数据加载的一点想法
源码：
提示', 'content': "
页面偷懒了~~", 'sure': this.close
});
})
}, close: function() {
history.go(-1);
}, onScroll: function(event) {
var offsetHeight = event.currentTarget.offsetHeight, scrollHeight = event.target.scrollHeight, scrollTop = event.target.scrollTop, scrollBottom = offsetHeight + scrollTop;
if(scrollBottom == scrollHeight+10 ||scrollBottom == scrollHeight) {
if(this.pageNum == Math.ceil(this.rawItems.length / this.pageSize)) {
return
}
this.pageNum++;
pageNum++;
$(".myload").removeClass("disn");
vue.$http.get(store.list,{
pageNum: pageNum, pageSize: pageSize
}).then(function(result) {
setTimeout(function() {
$(".myload").addClass("disn");
vue.sitems = vue.sitems.concat(result.data.data.items);
},2000)
},function() {
$(".myload").addClass("disn");
})
}
}, }, ready: function() {
this.getList();
for(var i = 0; i <= 1000; i++) {
this.rawItems.push(i)
}
}
})
})
