Element UI: 如何去除 el-collapse 折叠面板的默认边框

要去除 el-collapse 折叠面板的默认边框，可以通过修改 CSS 样式来实现。

首先，在 el-collapse 的外层容器上加上一个类名，例如 'no-border'。

然后，在 CSS 样式中添加以下样式规则：

.no-border .el-collapse-item {
  border: none;
}

这样就可以去除 el-collapse 折叠面板的默认边框了。

完整示例代码如下：

<template>
  <div class='no-border'>
    <el-collapse>
      <el-collapse-item title='标题一'>
        内容一
      </el-collapse-item>
      <el-collapse-item title='标题二'>
        内容二
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<style>
.no-border .el-collapse-item {
  border: none;
}
</style>