el-collapse 默认展开 并且禁止点击折叠

`el-collapse` 是 Element UI 提供的一个用于构建折叠面板的组件，在默认状态下如果希望它展开并禁用用户的点击操作使其无法折叠，可以设置相关的属性。你可以这样做：

1. 首先，确保在你的 HTML 中包含了 `el-collapse` 组件，并为其提供一个唯一的 `ref` 属性，以便在 JavaScript 中访问它。

<template>
  <el-collapse v-model="isExpanded" :disabled="true">
    <div slot="header">标题</div>
    <p>内容...</p>
  </el-collapse>
</template>

2. 然后，在你的 Vue 实例中，创建一个变量 `isExpanded` 来控制初始状态，例如：

export default {
  data() {
    return {
      isExpanded: true,
    };
  },
};

这里的 `v-model` 将 `isExpanded` 的值绑定到折叠面板的状态上，`:disabled="true"` 表示该折叠面板始终处于启用状态，用户无法通过点击来切换其展开状态。