• 條件
  • s-if
  • block s-if

條件

s-if

通過 s-if 指令我們可以實現(xiàn)以下操作：

• 為元素指定條件：當條件成立時元素可見，當條件不成立時元素不存在；
• 為 s-if 增加一個額外條件分支塊；
• 為 s-if 增加一個不滿足條件的分支塊， s-else 指令沒有值。

注意：s-if 與 s-for 不可在同一標簽下同時使用。

代碼示例

• SWAN
• JS

 
 
 

  
  
  

  
  
  
4G
  
  
  
Wifi
  
  
  
Other
 
 
 

 
 
 

  
  
  
// if-demo.js
  
  
  
Page({
  
  
  
 data: {
  
  
  
 is4G: true,
  
  
  
 isWifi: false
  
  
  
 }
  
  
  
});
 
 
 

s-if 與 s-else 之間加入多余標簽會報錯。

代碼示例

• SWAN
• JS

 
 
 

  
  
  

  
  
  
4G
  
  
  
other words
  
  
  
Other
 
 
 

 
 
 

  
  
  
// if-demo.js
  
  
  
Page({
  
  
  
 data: {
  
  
  
 is4G: true,
  
  
  
 isWifi: false
  
  
  
 }
  
  
  
});
 
 
 

block s-if

解釋： block 虛擬組件，在渲染時不會包含自身，只會渲染其內(nèi)容。可以用來渲染一組組件或者標簽。

代碼示例

• SWAN

 
 
 

  
  
  

  
  
  

  
  
  
  name 
  
  
  
  age 
  
  
  

 
 
 

網(wǎng)站題目：創(chuàng)新互聯(lián)百度小程序教程：條件
文章來源：http://www.dlmjj.cn/article/cdccjje.html