element中有多个el-collapse ,怎么默认全部展开
时间: 2024-02-03 12:13:21 浏览: 289
vue使用ElementUI时导航栏默认展开功能的实现
如果你想默认展开所有的 `el-collapse`,可以设置 `v-model` 绑定的属性为 `true`,如下所示:
```html
<template>
<div>
<el-collapse v-model="activeCollapse">
<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>
</div>
</template>
<script>
export default {
data() {
return {
activeCollapse: true // 默认全部展开
};
}
};
</script>
```
这样设置后,所有的 `el-collapse` 都会默认展开。如果需要默认折叠,可以将 `activeCollapse` 的值设置为 `false`。
阅读全文