默认组件,只要被书写出来,都会渲染到界面上。
wx:if
在框架中,使用 wx:if=""
来判断是否需要渲染该代码块:
index.wxml:
<view wx:if="{{condition}}"> True </view>
index.js:
// pages/index/index.js Page({ /** * 页面的初始数据 */ data: { condition: true } })
也可以用 wx:elif
和 wx:else
来添加一个 else 块:
index.wxml:
<view wx:if="{{length > 5}}"> 1 </view> <view wx:elif="{{length > 2}}"> 2 </view> <view wx:else> 3 </view>
index.js:
// pages/index/index.js Page({ /** * 页面的初始数据 */ data: { length: 10 } })