微信小程序:更新视图

微信小程序的开发中,有一点我是很是欣赏的,他更新视图的方式是根据this。setData()的方式来更行的,这意味着我们不用去动态的更新视图,
只需调用一次方法就可以了


但是这也存在一个弊端,比如,我们在一个自定义的function内部,我们是这么刷新我们的是视图的:

上图依旧来自官方文档,

当然很多情况下我们是这样子的:

aaa:function(aaa){

this.data.name=aaa;

this.setData(this.data);

}

这样也是可以刷新视图,只是刷新的是一整个data,所以使用的时候小心点

解析下重点吧,说到this,想到的第一个就是作用域,当两个作用域冲突,我们就无法调用到izhge方法,怎么才算冲突?我们肯定常用到这么一个场景:

wx.request{

.......

this.setData(this.data);

,,,,,,,,

}

这时候我们会发现报错了,很不好意思,就是this的问题,所以我们需要区分好区域的问题

就有了这种做法:

var that=this;

wx.request{}


这就巧妙地解决了作用域的问题


微信小程序只是个框架,多看看文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值