How to expand all collapse folding panels in element-ui by default?

if so, what attributes do you need to add?
Note: without knowing how many pieces of data there are

< hr >

post a code:

<el-collapse v-model="activeNames">
  <el-collapse-item v-for="(item,index) in typesContractData" :key="item.id" :title="item.name" :name="index">
    
  </el-collapse-item>
</el-collapse>
activeNames:[]
...
for(var i = 0; i < this.typesContractData.length; iPP) {
  this.activeNames.push(i.toString())
}
Mar.28,2021

set the name of el-collapse-item to the same as the value of el-collapse


< el-collapse v handleChange model = "activeNames" @ change= "handleChange" >

activeNames: ['1','2','3','4']    
 
Menu