微信小程序设置展开折起

在小程序中没有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