微信小程序-wxml

783 阅读1分钟

数据绑定和列表渲染一般是在一起的

  • wxml中的数据不是写死的,一般情况下是通过数据绑定从数据库中读取或者获取到,然后再渲染到视图中显示,

  1. 数组会从头开始一个个的渲染(使用wx:for{{数组名}})

  2. 变量或图片直接渲染。

  3. 列表信息每一项是一个对象,里面包含对象的各种信息。相当于数组循环遍历(使用wx:for{{数组名}}),渲染出每个对象的信息使用{{item.对象的某个属性}}

  • WXML中的动态数据来自Page中的data

  • 数据绑定使用{{ }}将数据绑住

  • 使用wx:for时,建议同时使用wx:key="{{数组中某个唯一的值}}",一般使用index

数据绑定也经常和条件渲染在一起

  • 用wx:if和wx:else来分别控制数据渲染和显示,当条件为false时,else不会显示在屏幕上,也不会显示在wxml上

  • 条件渲染hidden,当条件为false时,会显示在wxml上,不会显示在屏幕上

  • 如果需要频繁切换的情景下,用hidden比wx:if佳

  • 在运行时条件不可能改变则wx:if更好