收藏
回答

hidden="{{true}}" 失效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug view 客户端 6.。5.3 2.0.0
<view class="red" hidden="{{isHidden}}" style="display:flex;align-items: center;">
 
   <icon class="iconfont icon-icon--jinggao input-icon" style="color:red;font-size:16px;" />
 
   <text style="font-size:14px;">请正确填写手机号</text>
 

</view>





data:{

   isHidden:true

}




当使用 flex 布局的时候,使用 hidden 属性失效,无法隐藏

最后一次编辑于  2019-04-08
回答关注问题邀请回答
收藏

1 个回答

  • 正周
    正周
    2019-04-08

    样式优先级问题,你可以考虑hidden为true的情况下,不要设置display:flex

    2019-04-08
    有用
    回复 2
    • 2019-04-08

      试了下面,不行呢?不知道哪里错了,晕




      <!-- <view class="red" style="display:{{checkPhone? none : flex}};">
                     <icon class="iconfont icon-icon--jinggao input-icon" style="color:red;font-size:16px;" />
                     <!-- <text style="font-size:14px;">请正确填写手机号</text> -->
                 </view>


      2019-04-08
      回复
    • 2019-04-08回复

      style="display:{{checkPhone? '' : flex}};"


      晕死,这样就可以了

      2019-04-08
      回复
登录 后发表内容