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

  • 条件
    • 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.

    新闻名称：创新互联百度小程序教程：条件
    标题链接：http://www.hantingmc.com/qtweb/news1/473701.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    自适应网站知识

    分类信息网

    郫都区消防器材　　 　定制网站建设多少钱　　 　平山县网站建设　　 　成都商城开发　　 　四川黔盛装饰　　 　百度关键词排名　　 　网页设计　　 　广汉长尔科技　　 　企业手机网站建设　　 　重庆移动机房托管　　 　腾讯香港免备案空间　　 　成都网站建设哪家好　　 　雅安电信机房　　 　企业网站设计　　 　雅安托管服务器　　 　服务器租用　　 　企业网站设计　　 　成都营销网站建设　　 　温江做网站公司　　 　四川电信机房托管