微信小程序数据绑定及运算的简单实例

  

<强>微信小程序数据绑定的简单实例

  

简单用法:
  

        页面({   数据:{   消息:“张”三   }   })/* *   *生命周期函数——监听页面加载   */>   & lt; view>{{日期}}& lt;/view>   & lt; view>{{标题}}& lt;/view>   & lt; view>{{nameData.name1}} & lt;/view>   & lt; view>{{nameData.name2}} & lt;/view>//层级用点取的值   & lt;图像wx:如果="{{褪色}}”类=巴枷瘛眘rc="祝辞& lt;/image>//隐藏/显示   之前      

可以在{{}}内进行简单的运算
  

  

三元运算符
  

        & lt;视图隐藏="{{国旗& # 63;真:假}}”在隐藏& lt;/view>   之前      

计算         页面({   数据:{   答:1,   b: 2   c: 3   }   })   之前            & lt; view>{{a + b}} + {{c}} + d & lt;/view>      输出结果:3 + 3 + d。      之前      

逻辑判断
  

        & lt;查看天气:如果="{{长度比;5}}”在& lt;/view>   之前      

也可以在胡子内直接进行组合,构成新的对象或者数组。
  

        页面({   数据:{   零:0   }   })   之前            & lt;观点wx:="{{[0, 1, 2, 3, 4]}}”在{{项}}& lt;/view>      

输出结果:组合成数组(0,1,2,3,4]。
  

  

对象         页面({   数据:{   答:1,   b: 2   }   })   之前            & lt;模板=皁bjectCombine”数据=" https://www.yisu.com/zixun/{{:一、酒吧:b}}“祝辞& lt;/template>      

最终组合成的对象是{:1,酒吧:2}

  

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

微信小程序数据绑定及运算的简单实例