el-collapse-item 循环
时间: 2023-11-05 09:56:56 浏览: 173
引用中的代码展示了如何使用Vue的el-collapse和el-collapse-item组件来实现折叠面板,并通过v-for指令循环展示多条数据。在el-collapse-item中,使用v-for="(item, index) in companyList"来循环遍历companyList数组中的每个元素,并为每个元素创建一个折叠面板项。
引用指出了为了实现多条数据循环展示,使用了v-for="(item, index) in companyList"的写法。
而引用提到了在使用v-for循环绑定复选框的v-model值时可能会遇到的问题,即绑定的变量会随着循环而改变,可能会导致问题。
综上所述,el-collapse-item可以通过v-for指令进行循环展示多条数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue+element el-collapse动态获取后台传值](https://blog.csdn.net/alice_loves/article/details/123792201)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [折叠面板(el-collapse)嵌套复选框(el-checkbox)遇到的问题](https://blog.csdn.net/m0_55941180/article/details/124197812)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文