之前写的一篇利用setData进行局部渲染的文章,有些朋友可能看的不是很明白,那篇文章写的可能也有一些问题,今天我就把那篇文章重新做一个详细解说,希望大家都能看的明白。? 看这篇文章的小伙伴肯定是遇到了这些问题,在一个上拉加载的列表中,想对某一条数据进行操作。但是又不想刷新整个列表。如果有html的dom操作的话大家都不会觉得有问题。其实这种双向数据绑定的方法也是能很轻松的解决此类问题。现在就开始吧。
data:{
INDEX:1,0);">//这里是存放操作某条数据的下标
page//这个是上拉加载的页数
offon:true//这个是上拉加载的开关
}
setLike: function(e) {
service_common.fetchDataservice_commongetUrl("Love"),{////这里是封装好的请求,参考小程序wx.request({})
},0);">res=>{
var page = Mathceilindex /15//取页数 向上取整
page 1
//将下标和id赋值到变量dataID,INDEX,后面会用到
dataIDid})
}
service_common "getDataList"//这里是封装好的请求,参考小程序wx.request({})
{
ty -//-1正常逻辑操作
({
})
//如果是1+页需要用concat进行数组合并,组成新的数组,赋值给List
.>=10//为了防止只有几条数据就会弹出来这个提示,所以建议List数据大于10条才弹出
title'数据加载完成' {
concat)
})
}
//0走操作单条数据,需要局部渲染操作
[i].id dataID //res.data.data[i]就是最新获取的数据,替换掉原来List[index]的数据
//结束
}
// 触底操作
offon//是否还可以下拉刷新
+=1
page offonoffon
()
下面给一下wxml的简易代码
<image src="/image/like.png"bindtap'setLike'data-index"{{index}}"data-id"{{item.id}}"></image>
原版地址? 这次我介绍的可能还有不足的地方,小伙伴们可以给我留言,我会补足,希望对大家能有帮助。 (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|