zoukankan      html  css  js  c++  java
  • 微信小程序 模板语法-条件渲染

    wx:if 、wx:elif 、wx:else 

    在框架中,使用 wx:if="" 来判断是否需要渲染该代码块:

    <view wx:if="{{true}}">
        显示
    </view>
    
    <view wx:if="{{false}}">
        隐藏
    </view>
    
    <!----------------------->
    
    <view wx:if="{{isShow}}">
        isShow 为 真
    </view>
    
    <view wx:elif = "{{isShow == false}}">、
        isShow为假
    </view>
    
    <view wx:else>
     不存在 isShow 这个属性!
    </view>

          

    和VUE一样 不多说了


    Hidden  属性 ,默认为true  可以指定,,用于显示和隐藏标签,,和wx:if差不多:

          

    hidden 是通过 display 改为 none 实现的.  所以别和 display 属性一起用。

     也是VUE一样。


    block wx:if

    因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。

    注意: <block/> 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。

    <block wx:if="{{true}}">
      <view> view1 </view>
      <view> view2 </view>
    </block>
     
    只是规范点而已 也没什么区别

     

    本文来自博客园,作者:咸瑜,转载请注明原文链接:https://www.cnblogs.com/bi-hu/p/15226567.html

  • 相关阅读:
    Android 一步步实现TCP客户端
    Docker 到底是什么?
    Java中的包机制
    一张图理解github
    Git 提交代码流程理解
    STM32+OV7670(带FIFO)+上位机
    | + logger
    使用 TCP 实现 HTTP
    高阶函数与函数的柯里化
    Python装饰器
  • 原文地址:https://www.cnblogs.com/bi-hu/p/15226567.html
Copyright © 2011-2022 走看看