甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

创新互联百度小程序教程：条件

  • 条件
    • s-if
    • block s-if

    条件

    s-if

    通过 s-if 指令我们可以实现以下操作：

    • 为元素指定条件：当条件成立时元素可见，当条件不成立时元素不存在；
    • 为 s-if 增加一个额外条件分支块；
    • 为 s-if 增加一个不满足条件的分支块， s-else 指令没有值。

    注意：s-if 与 s-for 不可在同一标签下同时使用。

    代码示例

    • SWAN
    • JS
     
 
 
      
  
  
  
      2. 
  
  
  
    2. 4G
      3. 
  
  
  
    3. Wifi
      4. 
  
  
  
    4. Other
      5. 
 
 
 
     
 
 
      
  
  
  
    1. // if-demo.js
      2. 
  
  
  
    2. Page({
      3. 
  
  
  
    3.  data: {
      4. 
  
  
  
    4.  is4G: true,
      5. 
  
  
  
    5.  isWifi: false
      6. 
  
  
  
    6.  }
      7. 
  
  
  
    7. });
      8.

    s-if 与 s-else 之间加入多余标签会报错。

    代码示例

    • SWAN
    • JS
     
 
 
      
  
  
  
      2. 
  
  
  
    2. 4G
      3. 
  
  
  
    3. other words
      4. 
  
  
  
    4. Other
      5. 
 
 
 
     
 
 
      
  
  
  
    1. // if-demo.js
      2. 
  
  
  
    2. Page({
      3. 
  
  
  
    3.  data: {
      4. 
  
  
  
    4.  is4G: true,
      5. 
  
  
  
    5.  isWifi: false
      6. 
  
  
  
    6.  }
      7. 
  
  
  
    7. });
      8.

    block s-if

    解释： block 虚拟组件，在渲染时不会包含自身，只会渲染其内容。可以用来渲染一组组件或者标签。

    代码示例

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
      3. 
  
  
  
    3.   name 
      4. 
  
  
  
    4.   age 
      5. 
  
  
  
      6.

    当前标题：创新互联百度小程序教程：条件
    网站链接：https://chengdu.cdxwcx.cn/article/cdccjje.html

    其他资讯