emmmm,觉得自己小程序太薄弱了,所以还是找个东西练手,不过还是要感谢某大神提供的“扒小程序”的方法,虽然不是说拿下来就能用,但是作为仿小程序来说,我要的图片素材,页面名称都有了.
地址贴出来:https://blog.csdn.net/yuzsmc/article/details/82785466 (不一定适合每个人用,看情况吧)
接下来看看我这两天踩的坑(小程序太久没接触了,跟刚学差不多)
1.this.setData报错
这个问题大多数人都踩过坑了,原因就是在于wx.request 返回东西之后,success相当于一个内部闭包,this.data是拿不到东西的,所以需要在他之外着重声明一下‘var that= this‘,或者你想用_this也行。
2.关于怎么渲染循环数据。
从一进小程序的时候就需要把数据库数据查出来渲染到页面的公共data上面,或许你可以定个list:[],然后再试渲染页面。跟着就是用wx:for="{{array}}",这点跟vue.js有些相似。然后,有个wx:for-item是用来指定‘数组当前元素变量名’的,看着名字解释有点懵逼,但是看文档eg之后就知道了,栗子是这样的:{{item.name}},也就是说当wx:for-item="gushengyan"的时候,渲染列表元素就应该是{{gushengyan.name}},然后还有个wx:for-index,用来指定下标,这个在我踩的第三个坑会用到。
3.如何改变循环列表中某个元素属性(class或者style , 主要是视图变化)
举个简单的例子,在一堆循环下来的女明星ABCDE和何洁中,你要给何洁投票,每个头像旁边有个投票按钮,点击一下,发送请求到后台,后台完成数据库修改返回,前端接收到返回的数据之后需要处理,当res.data.code==200的时候,需要把前端那个投票的按钮显示为已投票,怎么做呢?我看到有人的方法是又循环所有的list,重新赋值list,emmm,个人认为不可取,万一有那么几千几万个,可能会比较影响性能,就想改变那一个就行了,那么问题来了,怎么找到那个元素?this?不行,that?不行,也不能用jQuery,$(this)更不要想; ——想想刚才用指定的下标,我们暂且叫它Index,var Index = datas.currentTarget.dataset.index,打印一下发现真的是下标,好了,列表下标获取到了,也就是在指定的list列表里的第Index个数组元素里就是我需要变更的数据,怎么找到呢?
我先这么试了下:
that.setData({
list[Index].attend:res.data.vote
})
that.setData({ “list[“+Index+”].attend”:res.data.vote })
这都不用看,直接报错,根本不用点击,好吧,外面加引号试试:
that.setData({
“list[Index].attend”:res.data.vote
})
这样子,不点击的时候是不报错的,点击之后就报错
后来百度到一个方法,亲测好使:https://blog.csdn.net/abc564643122/article/details/79580759
然后我也改改我的方法:
success(res) { if(res.data.code==200){ var change = "list["+Index+"].vote"; that.setData({ [change]:res.data.data.vote }) } }
搞定。