Vue使用Element的折叠面板Collapse设置默认全部展开

本文主要是介绍Vue使用Element的折叠面板Collapse设置默认全部展开，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

这个适用于需要for循环 <el-collapse-item>
负责展开的属性是value

<el-collapse :value="opened"><el-collapse-item v-for="o in List" :key="o.aaa":name="o.aaa"><div>XXXXXXXXXXXXXXXXXXXXXXXX</div></el-collapse-item>
</el-collapse>

<script>export default {data() {return {List:[{ aaa:"123"},{aaa:"354"},{aaa:"asfdvg"}]};},computed: {opened() {return this.List.map((i) => {return i.aaa;});}},}
</script>

这篇关于Vue使用Element的折叠面板Collapse设置默认全部展开的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---