vue3 el-collapse-item默认打开
时间: 2024-12-19 15:20:02 浏览: 9
Vue的el-scrollbar实现自定义滚动
Vue3 中的 `el-collapse-item` 是 Element UI 提供的一个折叠面板组件,如果你想要设置某个折叠项默认展开,可以在创建该元素时,通过 `open` 属性将其值设为 `true`。例如:
```html
<template>
<el-collapse v-model="activeName">
<el-collapse-item :name="item.name" :open="item.defaultOpen">{{ item.title }}</el-collapse-item>
<!-- 更多折叠项... -->
</el-collapse>
</template>
<script>
export default {
data() {
return {
activeName: '默认项', // 或者直接设置为需要默认展开的折叠项名
items: [
{ name: 'defaultItem', title: '默认展开的内容', defaultOpen: true },
...其他折叠项...
]
};
}
};
</script>
```
这里,`:open="item.defaultOpen"` 表示如果 `item` 对象的 `defaultOpen` 属性为 `true`,则该折叠项将处于展开状态。
阅读全文