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

<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绑定展开组件的下标不起作用,应该如何解决?

阅读 16.2k
4 个回答
新手上路,请多包涵

v-model="activeNames"

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

新手上路,请多包涵

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

:name=index+1,从1开始

新手上路,请多包涵
this.$nextTick(() => {
  this.openCollapse.push(index);
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏