Collapse组件怎么实现全部展开

在Vue.js的 Collapse（折叠面板）组件中，如果你想让所有默认隐藏的内容都自动展开，你可以设置每个Collapse项的`value`属性为true，或者直接操作对应的`collapse-item`元素使其展开。以下是基本步骤：

1. 首先，在你的Vue实例数据里，为每个需要展开的`collapse-item`添加一个对应的值，比如：

data() {
  return {
    collapseData: [
      { title: '标题1', value: true },
      { title: '标题2', value: true },
      // 其他折叠内容...
    ]
  }
}

2. 然后，在模板中绑定这个数据：

<template>
  <el-collapse v-model="collapseData">
    <el-collapse-item v-for="(item, index) in collapseData" :key="index">
      <div slot="header">{{ item.title }}</div>
      <p>这是第{{ index + 1 }}个折叠内容</p>
    </el-collapse-item>
  </el-collapse>
</template>

在这里，`v-model`绑定了`value`属性，当数据里的值为`true`时，对应项就会默认展开。

3. 当然，如果你只是想在某些特定条件触发时一次性展开所有，可以在相应的事件处理函数中遍历并设置`value`为真。

注意：如果组件有多个层级嵌套，你需要递归地设置其上级`collapse`的`value`。