日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

wx:if

在框架中，我們用wx:if="{{condition}}"來判斷是否需要渲染該代碼塊：

 True 

也可以用wx:elif和wx:else來添加一個(gè)else塊：

 1 
 2 
 3 

block wx:if

因?yàn)?code>wx:if是一個(gè)控制屬性，需要將它添加到一個(gè)標(biāo)簽上。但是如果我們想一次性判斷多個(gè)組件標(biāo)簽，我們可以使用一個(gè)標(biāo)簽將多個(gè)組件包裝起來，并在上邊使用wx:if控制屬性。

   view1 
   view2 

注意：并不是一個(gè)組件，它僅僅是一個(gè)包裝元素，不會(huì)在頁面中做任何渲染，只接受控制屬性。

實(shí)例：

wxml：使用view

按鈕


    

 
    

wxss：

/**index.wxss**/
.bg_black {
  height: 200rpx;
  background: lightskyblue;
}

.bg_red {
  height: 200rpx;
  background: lightpink;
}

js：

// index.js
 
Page({
  data: {
    boolean:false
  },
 
  EventHandle: function(){
    var bol = this.data.boolean;

    this.setData({
      boolean: !bol
     })
  } 
})

運(yùn)行：

wx:ifvshidden

因?yàn)?code>wx:if之中的模板也可能包含數(shù)據(jù)綁定，所以當(dāng)wx:if的條件值切換時(shí)，框架有一個(gè)局部渲染的過程，因?yàn)樗鼤?huì)確保條件塊在切換時(shí)銷毀或重新渲染。

同時(shí)wx:if也是惰性的，如果在初始渲染條件為false，框架什么也不做，在條件第一次變成真的時(shí)候才開始局部渲染。

相比之下，hidden就簡(jiǎn)單的多，組件始終會(huì)被渲染，只是簡(jiǎn)單的控制顯示與隱藏。

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

名稱欄目：創(chuàng)新互聯(lián)小程序教程：微信小程序條件渲染wx:if
分享地址：http://m.5511xx.com/article/dpdoijg.html