text上小程序hidden失效

3844关注11656浏览

wxml

代码片段

<view class="search_line" bindtap="optionPanelSwitcHandler" >

        <text class="gray">选择筛选条件</text>

        <text class="light_gray">

            <text class="item" hidden="{{!optionPanel.degree}}">{{optionPanel.degree}}</text>

            <text class="item" hidden="{{!optionPanel.college_province}}">{{optionPanel.college_province}}</text>

            <text class="item" hidden="{{!optionPanel.college_tags}}">{{optionPanel.college_tags}}</text>

            <text class="item" hidden="{{!optionPanel.major_category}}">{{optionPanel.major_category}}</text>

            <text class="item" hidden="{{!optionPanel.major_subject}}">{{optionPanel.major_subject}}</text>

            <text class="item" hidden="{{!optionPanel.major_name}}">{{optionPanel.major_name}}</text>

        </text>

        <text class="right_area" >{{ optionPanelVisible ? '收拢' : '展开' }}</text>

    </view>

    


样式代码



效果



如图所见,text上的hidden效果并没有效


目前我的解决方式是 写class控制class


展开全部
收起
2回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Chenoa

    16人对此回答表示赞同

    请提供一下能复现问题的代码片段。

    展开
    16
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Christian

    11人对此回答表示赞同

    主解决了吗。

    展开
    11
    2回复
    发布于 5年前

    评论(2)

    收起评论

    • Joshua 2019-01-05 11:39

      谢谢啊

      回复
    • 扑朔迷离 2019-01-07 15:30

      解决了,只是现在没做那个项目了,我现在具体记不得当时代码是怎么解决的了。总之hidden属性的效果,其实就相当于加了个display:hidden;所以如果你的css里面有什么display啥的,就会失效(相当于被覆盖了),因为没仔细测所以不记得跟flex有木有关系了。可以wx:if,或者改css,或者全局定义一个.hidden{display:none!important;},通过加不加这个class来控制

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部