小程序模板网

微信小程序复杂数据结构模版渲染

作者:倾听岁月,原文地址 
在小程序开发过程中,有时我们只需要修改局部变量,也就是渲染局部数据,而不用将整体的模版渲染一次。其实我也不是很理解,模版渲染是每次调用setData 就全局渲染一次,还是传入什么对象就渲染对应的数据。如果每次调用setData都是全局渲染一次,那么以下程序也能提升一部分性能(只是局部赋值),如果是传入什么对象就渲染对应的数据,那么下面的渲染模式就能提升程序的运行性能。

 

					
  1. <view>
  2. <view>{{user.userInfo.nickName}}</view>
  3. <view>{{user.uid}}</view>
  4. <button bindtap="clickDemo">我是测试按钮</button>
  5. </view>

如上所示,我们只希望渲染其中的user.userInfo.nickName,而不去渲染其它

 

					
  1. var initJson = {
  2. data:{
  3. user:{
  4. userInfo:{
  5. "nickName" : "测试"
  6. }
  7. }
  8. },
  9.  
  10. clickDemo : function(event){
  11. var that = this;
  12. var setJson = {};
  13. var query = "user.userInfo.nickName";
  14. setJson[query] = "我是谁";
  15. that.setData(setJson);
  16. }
  17. };
  18.  
  19. Page(initJson);

运行测试,点击我是测试按钮。



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23666.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询