国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 條件渲染詳解

2019-11-20 08:48:15
字體:
來源:轉載
供稿:網友

1,wx.if

在微信小程序中,小程序是使用wx.if="{{條件}}"來判斷是否渲染該代碼塊,用法如下:

<view wx.if="{{條件}}">True</view>

也可以用wx.elif和wx.else來添加一個else塊,事例如下:

<view wx:if="{{a>1}}"> 1 </view>
<view wx:elif="{{a>2}}"> 2 </view>
<view wx:else> 3 </view>

2,block wx:if

wx:if是一個控制屬性,需要將它添加到標簽上,但是如果我們想要一次性判斷多個標簽,我用可以使用<block/>將多個組件包裝起來,并在上邊使用wx:if控制屬性,

其中并不是一個組件,它僅僅是一個包裝元素,不會在頁面中做任何渲染,只接受控制屬性。事例如下:

<block wx:if="{{TURE}}">
<view>view1</view>
<view>view2</view>
</block>

注:一般來說,wx:if有更高的切換消耗而hidden有更高的初始渲染消耗。因此,如果需要頻繁切換的情景下,用hidden更好,如果在運行時條件不大可能改變則wx:if較好。

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 怀远县| 斗六市| 武宁县| 奈曼旗| 衡东县| 东明县| 南投市| 湖南省| 乐清市| 通城县| 碌曲县| 太白县| 甘肃省| 邻水| 莱芜市| 黄浦区| 青冈县| 昌邑市| 奉化市| 靖西县| 尤溪县| 平山县| 栖霞市| 潼关县| 抚宁县| 十堰市| 博野县| 遂昌县| 新民市| 封丘县| 揭东县| 合江县| 阳江市| 临沧市| 娱乐| 东平县| 仁布县| 巴林右旗| 达尔| 沁水县| 奉贤区|