elmentui+vue的折叠面板默认打开

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'，........]