项目环境:laravel、vue、vux、element
问题:项目开发过程中,使用vux的sroller组件时,上滑翻页每次都是在本页刷新下一页数据,而不是在本页追加下一页数据。(不过这个思路可以用作下拉更新本页所有接口数据中去也是极好的)
getListData(){
return axios.get("http://api.tongwei.cn/ApiNews/getArticleByPage", {
params: {
page: this.currentP,
pageSize: this.currentPS
}
})
.then(response => {
// this.listcon = response.data.data;(这个是普通接口赋值的写法,结果会在本页更新下一页内容,而不是本页追加下一页内容)
var data = response.data.data;
for (var i = 0; i < data.length; i++) {
this.listcon.push(data[i]);
}
this.showloading = false;
});
},可见,如果要在本页追加下一页数据,不能用之前的赋值写法,需要给一个for循环,并push数组值到页面中去。