1.列表渲染(列表循环 对象循环 block),条件渲染 if
MINA (原生框架)
1.列表循环
- vx:for={{数组或者对象}} wx:for-item="循环项的名称" wx:for-index ="循环项的索引" 。
- wx:key 绑定一个普通的字符串的时候, 那么这个字符串名称 肯定是 循环数组 中的 对象的 唯一属性。
- wx:key = "*this" 表示你的数组 是一个普通的数组 *this 表示是 循环项,例:[1,2,34,56,58],["1","222","adf","gg"]。
- 当出现 数组的嵌套循环的时候 注意以下绑定的名称不要重名:wx:for-item="item" wx:for-index="index"。
- 只循环一层的话 wx:for-item="item" wx:for-index="index"可以省略
<view> <view wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="id" > 索引:{{index}}--值:{{item.name}} view> view>2.对象循环
- vx:for={{对象}} wx:for-item="对象的值" wx:for-index ="对象的属性" 。
- 循环对象的时候 最好把 item和index的名称修改一下
- wx:key 循环数组 中的 对象的 唯一属性
<view> <view wx:for="{{perso}}" wx:for-item="value" wx:for-index="key" wx:key="age" > 索引:{{index}}--值:{{item.name}} view> view3.block占位符标签
- 写代码的时候看到标签的存在
- 页面渲染 小程序会把它移除掉
- vx:if={{true/false}}
- if , else , if else
- vx:if wx:elif wx:else
- 在标签上直接加 hidden属性 ;hidden=“{{true}}”
- 什么场景哪个?
- 当标签不是频繁切换显示优先使用 vx:if
- 当标签频繁切换显示优先使用 hidden(通过添加样式的方式来实现的)
- hidden属性 不要和样式 display一起使用