WX:for
微信小程序官方文档中wx:for 是用来做列表渲染,在组件上使用wx:for绑定一个数组,数组的下标变量名默认为index,数组当前项的变量名默认为item.
在Wxml中可以使用for循环获取数组数据(记住for循环后面跟的是数组,当然数组里可以有字典,字符串等等)
例:
<view wx:for = “{
{[’'张三”,“李四”]}}“>
{
{index}}:{
{item}}
< /view >
页面显示的是:0:张三
1:李四
如果想改变默认的下标和变量名,使用wx:for-index=”“,wx:for-item=”“,
<view wx:for = “{
{[’'张三”,“李四”]}}” wx:for-index=“xuhao” wx:for-item=“xingming”>
{
{xuhao}}:{
{xingming}}
< /view >
Wx:if
1)wx:if=“{condition}” 来判断是否需要渲染该代码块。
(2) block wx:if
因为wx:if是一个控制属性,需要将它添加到一个标签上。
如果要一次性判断多个组件标签,可以使用一个 标签将多个组件包装起来,并在上边使用wx:if 控制属性。
注: 并不是一个组件,它只是一个包装元素,不会在页面中做任何渲染