Vue ist ein leichtes und praktisches Framework. Wie kann man also das Laden von Daten aktualisieren? Das Folgende sind meine Gedanken zum Laden von vue.js-Daten
Quellcode:
Loading...
el: '#app',
data: { items: [],
pageNum: pageNum,
pageSize: pageSize,
rawItems: [],
sitems:[]
},
methoden: {
getList: function() {
$.showLoading ();
This.$http.get(store.list, {
pageNum: pageNum,
pageSize: pageSize
}).then(function(result) {
();
this.sitems = result.data.data.items;
}, function() {
$.removeLoading(); ,
'content': "Die Seite ist lazy~~",
'sure': this.close
{
History.go(-1);
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) {
setTime out(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)
}
Das obige ist der detaillierte Inhalt vonvue.js lädt neue Inhalte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
