背景:
在用vant配合vue做分页功能的时候,发现请求下一页数据,数据已经请求成功,但是数据未能加载到视图上边,也就是视图没有得到刷新。
纠结许久未能找到合适的解决办法,查找文档得知,
当data中的数据resources进行改变时,需要对data中的resources数据进行手动设置(刷新)。
var app = new Vue({
el:"#app",
data: {
//标签栏序号
active: 0,
isLoading: false,
//资源对象
resources: result,
//分页参数
currentPage:currentPage,
totalitems:totalitems,
itemsperpage:itemsperpage,
pagecount:pagecount,
},
methods: {
onRefresh() {
setTimeout(() => {
this.isLoading = false;
}, 1000);
},
}
});
解决办法:(app为上面声明的Vue对象,'resources’为data中资源属性名,mk为查询下一页数据)
app.$set(app,'resources', mk);