微信小程序设置展开折起

在小程序中没有DOM操作的方法，所以获取不到相应的DOM节点进行高度设置。

解决方案

1.css方案

<view class="{{isFold ?'flod':'extend' }}" bindtap="flodFn"> 我是一个很长的文字 </view> .flod{ //折叠样式 } .extend{ //展开样式 } flodFn:function(){ this.setData({ isFold: !this.isFold }); }

2.动态渲染方案

<view bindtap="flodFn"> <view wx:if="{{isFold}}" > 我是一个很长的文字 </view> <view wx:else> 我是一个很长的文字 </view> </view> flodFn:function(){ this.setData({ isFold: !this.isFold }); }

高级

如果是列表，需要结合复杂数据处理，建议阅读

https://weappdev.com/t/topic/468

https://weappdev.com/t/topic/420