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> </view
3.block占位符标签
-
写代码的时候看到标签的存在
-
页面渲染 小程序会把它移除掉
4.条件渲染
-
vx:if={{true/false}}
-
if , else , if else
-
vx:if wx:elif wx:else
-
在标签上直接加 hidden属性 ;hidden=“{{true}}”
-
什么场景哪个?
-
当标签不是频繁切换显示优先使用 vx:if
-
当标签频繁切换显示优先使用 hidden(通过添加样式的方式来实现的)
-
hidden属性 不要和样式 display一起使用