微信小程序（三）

 wx:if
在小程序中，使用wx:if="{ {condition}}"来判断是否需要渲染该代码块:

 

 结合<block>使用wx:if

如果要- -次性控制多个组件的展示与隐藏，可以使用- -个<block></block>标签将多个组件包装起来,并在
<block>标签.上使用wx:if控制属性,示例如下:

 注意: <block> 并不是一一个组件，它只是一一个包裹性质的容器，不会在页面中做任何渲染。

hidden
在小程序中，直接使用hidden="{ { flag }}"也能控制元素的显示与隐藏:

wx:if与hidden的对比
①运行方式不同
●wx:if 以动态创建和移除元素的方式，控制元素的展示与隐藏
●
hidden以切换样式的方式(display: none/block;)，控制元素的显示与隐藏
②使用建议
●频繁切换时， 建议使用hidden
●
控制条件复杂时，建议使用wx:if搭配Wx:elif、Wx:else 进行展示与隐藏的切换

 点击：flag:true；切换false,隐藏与显示

手动指定索引和当前项的变量名*
●使用wx:for-index可以指定当前循环项的索引的变量名
●使用wx:for-item可以指定当前项的变量名
示例代码如下: