遇到了一些坑总结一下:
总结的不是很清楚,下次在总结
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
网友评论