小程序中vue for循环出来的数据变成折叠面板

在我们制作移动端折叠面板的时候，可以按照ref的方式获取高度来调节，但是我们在写小程序的时候，要按照小程序的api来获取修改高度，以下为完整的折叠面板代码，可以实现自动识别高度，是否折叠

v-for里面写

class="changeBox" :style="{'height':flag[index] ? heightArr[index] < staticHeight ? heightArr[index] + 'px' : staticHeight + 'px': heightArr[index] +'px'}"

两个折叠按钮

<view
    class="bottom-arw"
    @click="showContent(index)"
    v-if="flag[index] && heightArr[index] > staticHeight"
>展开﹀</view>
<view
    class="bottom-arw"
    @click="showContent(index)"
    v-if="!flag[index] && heightArr[index] > staticHeight"
>收起︿</view>

data数据

data() {
    return {
        flag: [],
        static