国产探花免费观看_亚洲丰满少妇自慰呻吟_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較好。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 兴山县| 介休市| 沽源县| 务川| 威宁| 蓝山县| 淮北市| 荔浦县| 拜泉县| 道孚县| 辽阳县| 玉门市| 崇明县| 夏津县| 怀来县| 南召县| 修文县| 将乐县| 年辖:市辖区| 平阴县| 山西省| 改则县| 驻马店市| 北川| 桦川县| 响水县| 罗源县| 兖州市| 金山区| 和平区| 新巴尔虎右旗| 文山县| 赣州市| 元江| 铜鼓县| 横山县| 土默特右旗| 聂拉木县| 壶关县| SHOW| 图们市|