美文网首页
小程序点击展开收起

小程序点击展开收起

作者: 每天进步一点点5454 | 来源:发表于2021-08-31 11:45 被阅读0次

    遇到了一些坑总结一下:
    总结的不是很清楚,下次在总结
    1.text里不能嵌套view或其它标签(text标签只能嵌套text标签)
    2.text标签嵌套view的后果就是,你渲染不出数据,失效
    3.text可以获取高度,view获取不到,反正各种,你不能使用浏览器高度去判断展开是否显示

    解决:

    1.展开按钮默认显示或隐藏,可以通过获取数据的条数来判断
    2 使用hidden方法来控制显示5条或展开代码如下:
    2.2 为啥不用if判断,因为要hidden标签频繁的隐藏与显示,还有一个就是我写false可以全部显示

    • 1 循环时获取index判断如果小于5条数据就隐藏,反之大于就显示
      1.1hidden标签true是不显示,false是显示的
    hidden="{{index<5?false:initHide}}"
    

    js

    2._this.data.detailzkcon这个点击就是展开true和收起false

    data:{ initHide:true,detailzkcon:true,}
    #展开事件里写:
    # detailzkcon 这个是控制展开收起的变量
    # 如果点击展开,initHide=false全部展开数据,反之小于5显示,大于隐藏
        if(_this.data.detailzkcon){
          _this.setData({
            initHide:false,
          })
        }else{
          _this.setData({
            initHide:true,
          })
        }
    

    效果


    image.png
    image.png

    相关文章

      网友评论

          本文标题:小程序点击展开收起

          本文链接:https://www.haomeiwen.com/subject/coqziltx.html