elementui中的折叠面板如何指定触发区域

Question

elementui中的折叠面板如何指定触发区域，我想要仅在自定义头部中点击时才展开折叠，而不是整个折叠item项

Answer 1

Element UI 中的 Collapse 组件有一个 trigger 属性，它允许你指定折叠面板的触发区域。

可以在折叠面板的模板中使用该属性，如下所示：

<el-collapse v-model="activeNames" trigger="click">
  <el-collapse-item title="自定义头部" name="1">
    <!-- 折叠面板内容 -->
  </el-collapse-item>
</el-collapse>

在上面的代码中，trigger 属性设置为 click，因此仅在点击自定义头部时才会展开/折叠折叠面板。