微信小程序设置展开折起

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

解决方案

• 1.css方案

class="{{isFold ?'flod':'extend' }}" bindtap="flodFn">
    我是一个很长的文字

.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