element中有多个el-collapse ,怎么默认全部展开
时间: 2023-05-12 19:03:41 浏览: 214
vue使用ElementUI时导航栏默认展开功能的实现
您可以使用 el-collapse 的 v-model 属性来控制其展开和折叠状态。如果您想要默认全部展开,可以将 v-model 绑定到一个数组,数组中包含所有 el-collapse 的 name 属性值。例如:
```
<template>
<el-collapse v-model="activeNames">
<el-collapse-item title="标题一" name="1">内容一</el-collapse-item>
<el-collapse-item title="标题二" name="2">内容二</el-collapse-item>
<el-collapse-item title="标题三" name="3">内容三</el-collapse-item>
</el-collapse>
</template>
<script>
export default {
data() {
return {
activeNames: ['1', '2', '3'] // 默认全部展开
};
}
};
</script>
```
这样,所有 el-collapse 都会默认展开。如果您想要默认全部折叠,可以将 activeNames 设置为空数组即可。
阅读全文