• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序踩坑(不定时更新)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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
            })
          }
          }

搞定。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
检测并更新下载最新版微信小程序发布时间:2022-07-18
下一篇:
微信小程序云开发数据库查询指南发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap