微信小程序 - 12.条件渲染(显示隐藏)

  1. wx:if="{{true/false}}"
    if , else , if else
    wx:if
    wx:elif
    wx:else
  2. hidden(是否隐藏)
    1. 在标签上直接加入属性hidden
    2. hidden="{{true}}"
  3. 什么场景下用哪个
    1. 当标签不是频繁的切换显示 , 优先使用wx:if
    (1).直接把标签从页面结构给移除
    2. 当标签频繁的切换显示的时候 , 优先使用hidden
    (1).通过添加样式的方式来切换显示
    (2). hidden属性不要和样式display一起使用
 <view >
        <view >条件渲染</view>
        <view wx:if="{{true}}">显示</view>
        <view wx:if="{{false}}">隐藏</view>

        <view wx:if="{{false}}">1</view>
        <view wx:elif="{{false}}">2</view>
        <view wx:else>3</view>

        <view hidden>hideen</view>
        <view hidden="{{true}}">hideen</view>
 </view>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。