elmentui+vue 中将el-collapse折叠面板默认全部展开
这是el-collapse
<el-collapse v-model="activeNames2" @change="handleChange">
<template v-for="(item,index) in docList">
<el-collapse-item :title="item.docName" :name="index">
<div v-html="item.content"></div>
<div style="width:100%;">
<div v-for="item1 in item.attachList" style="width:100%;height:30px;">
<el-link type="primary" @click="getOssUrl(item1.ossName,item1.fileName)" target="_blank">{{ item1.fileName }}
</el-link>
</div>
</div>
</el-collapse-item>
</template>
</el-collapse>
这是写到methods
panelExpand(){
for(var i = 0; i < this.docList.length; i++) {
this.activeNames2.push(i)
}
},
因为el-collapse中的v-model中的数,其实是个数组,我们又是写的动态的,因此不知道需要循环多少次
所以将其循环,默认打开所有折叠面板
此写法类似于
activeNames2 :['1','2','3','4',........]