vue是一种轻巧便捷的框架,那么如何进行对于数据加载的刷新呢?以下就是我对于vue.js数据加载的一点想法
<>强源码:
& lt; div @scroll=" onScroll(事件)”比;
& lt; ul类=" shop-brand-index " v-show=" sitems。长度比;0”比;
& lt;李v=皊items项目”在
& lt; div @click=" linkUrl (item.code)”祝辞& lt; img v-bind: src=" https://www.yisu.com/zixun/item.publicImg "祝辞& lt;/div>
& lt;/li>
& lt;/ul>
& lt; div class=" loading_wrap myload disn”比;
& lt; p>加载中…& lt;/p>
& lt;我类="加载"祝辞& lt;/i>
& lt;/div>
& lt;/div>
<>强解析:
$(函数(){
var pageNum=1;
var页大?6;
vue=new vue ({
埃尔:“#应用”,
数据:{
项目:[],
pageNum: pageNum,
页大小:页大小,
rawItems: [],
sitems: []
}，
方法:{
getList:函数(){
美元.showLoading ();
http.get美元(存储。列表,{
pageNum: pageNum,
页大小:页大小
})(函数(结果){
美元.removeLoading ();
这一点。sitems=result.data.data.items;
},函数(){
美元.removeLoading ();
美元.showAlert ({
“标题”:“提示”,
“内容”:“页面偷懒了~ ~”,
“确定”:this.close
});
})
}，
关闭:函数(){
history.go (1);
}，
onScroll:函数(事件){
var offsetHeight=event.currentTarget.offsetHeight,
scrollHeight=event.target.scrollHeight,
scrollTop=event.target.scrollTop,
scrollBottom=offsetHeight + scrollTop;
如果(scrollBottom==scrollHeight + 10 | | scrollBottom==scrollHeight) {
如果这一点。pageNum==Math.ceil (this.rawItems。长度/this.pageSize)) {
返回
}
this.pageNum + +;
pageNum + +;
$ (" .myload ") .removeClass (disn);
vue http.get美元(存储。列表,{
pageNum: pageNum,
页大小:页大小
})(函数(结果){
setTimeout(函数(){
$ (" .myload ") .addClass (disn);
vue。sitems=vue.sitems.concat (result.data.data.items);
},2000)
},函数(){
$ (" .myload ") .addClass (disn);
})
}
}，
}，
准备:函数(){
this.getList ();
(var=0;我& lt;=1000;我+ +){
this.rawItems.push(我)
}
}
})
})
以上所述是小编给大家介绍的vue.js加载新的内容(实例代码),希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
