问题:展开折叠版内容展示不全
解决办法:监听每一次折叠版展开,并重新计算高度
1.给折叠版class,利用change事件监听折叠版展开
<view class='storePer'>
<uni-collapse accordion >
<uni-collapse-item title="手风琴效果" class="collapseHeight">
<template v-slot:title>
<view class="uni-collapse-item-title">
<view class="uni-collapse-item-index">
1
</view>
上海加盟商一店
<view class="uni-collapse-item-num">
¥20,000.00
</view>
</view>
</template>
<view class="content">
<uni-collapse accordion @change="change">
<uni-collapse-item titleBorder="none">
<template v-slot:title>
<view class="uni-collapse-item-title">
<view class="uni-collapse-item-index">
1
</view>
王美丽_BBD12345_0111
<view class="uni-collapse-item-num">
¥20,000.00
</view>
</view>
</template>
<view class="content" style="background-color: #EFEFEF;">
<view class="content_box1">
<view class="content_box1_list">
<view class="content_box1_item">
<view style="color: #8E887C;">储值金额</view>
<view style="color: #4F4F4F;">¥1,000.00</view>
</view>
<view class="content_box1_item">
<view style="color: #8E887C;">赊销金额</view>
<view style="color: #4F4F4F;">¥1,000.00</view>
</view>
<view class="content_box1_item">
<view style="color: #8E887C;">预售金额</view>
<view style="color: #4F4F4F;">¥1,000.00</view>
</view>
</view>
change事件 监听所有class类, 遍历并高度自适应
change(e) {
let long = document.querySelectorAll('.collapseHeight').length;
setTimeout(() => {
for (let i = 0; i < long; i++) {
document.querySelectorAll('.collapseHeight')[i].childNodes[1].style.height = "auto"// 计算高度
}
}, 20);
},