uni-collapse 关闭问题

动态生成多个折叠面板，想在打开第二个时候关闭其他的，通过设置子项的isOpen 收起了子项， 但是箭头没有改变，页面刷新后还是会重新打开

                <uni-list-item v-for="(item,index) in entityset" :key="item.id">  
                    <template v-slot:body>  
                        <view style="width: 100%;">  

                            <uni-collapse  :id="'panel' + index":ref="'panel${index}'" :key="index"  @change="handleChange(item.id,index)" style="width: 100%;" type="line">  
                                <uni-collapse-item >  
                                    <view>  
                                        <div class="line" />  
                                        <uni-row style="width: 100%;padding-top: 20rpx;font-size: 15px; ">  
                                            <uni-col :span="24">  
                                                <span>备注</span>  
                                            </uni-col>  
                                        </uni-row>  
                                        <div class="line" />  
                                        </uni-row>  
                                    </view>  
                                    <!-- </uni-list-item>  
                                        </uni-list> -->  
                                </uni-collapse-item>  
                            </uni-collapse>  
                        </view>  
                    </template>  
                </uni-list-item>  
            </uni-list>  
                   handleChange(id, index) {  
                this.currentPanel=index;  
                console.log("当前点击", a)  
                for(var i=0;i<this.entityset.length;i++){  
                    if(i!==this.currentPanel){  
                        var a = document.getElementById('panel'+i);  
                        a.children[0].isOpen=false  
                    }  

                }  
                console.log("当前点击", )  

            },