element-ui 的el-collapse动态创建Item，无法绑定展开项？

Question

<el-collapse :accordion="false" v-model="openCollapse" style="border-right: none">

                <el-collapse-item :key="item.iid" v-for="(item,index) in frameData"
                                  :title="item.ccaption" :name="index"
                                  style="border-right: none">
                     <component-factory :params="{ $type:'checkBox'}"></component-factory>
                </el-collapse-item>

</el-collapse>

el-collapse-item是动态创建的 el-collapse 用v-model绑定展开组件的下标不起作用，应该如何解决？

Answer 1

v-model="activeNames"

activeNames: [0,1,2]数字不要加引号

Answer 2

:name="index" 改为 :name=index
data: {
openCollapse:0 //这里使用数字0,非字符"0"
}

Answer 3

:name=index+1，从1开始

Answer 4

this.$nextTick(() => {
  this.openCollapse.push(index);
})