el-collapse-item 去除 el-collapse-item__wrap

`el-collapse-item` 是 Element UI 中的一个组件，用于创建折叠面板的内容项。`el-collapse-item__wrap` 是内部的一个默认样式类，它包裹着 `el-collapse-item` 的主体内容。如果你想去除这个类以修改默认布局或样式，可以通过 CSS 或者 Vue 的 `v-bind:class` 或者 `ref` 属性来动态控制。

以下是一个简单的示例：

1. 使用 CSS（假设你有一个名为 `my-styles.css` 的文件）：

.el-collapse-item {
  &__wrap {
    display: none; /* 或者使用其他隐藏方式 */
  }
}

然后在你的 Vue 组件中引入并应用 CSS:

<style lang="scss" scoped>
@import '~element-ui/lib/theme-chalk/index.scss';
@import './my-styles.css'; // 引入自定义 CSS

/* ...其他组件样式... */
</style>

2. 使用 Vue 的 `v-bind:class`:

<el-collapse-item :class="{ 'no-wrap': shouldRemoveWrap }">
  <!-- 内容 -->
</el-collapse-item>

<script>
export default {
  data() {
    return {
      shouldRemoveWrap: false, // 根据需求设置这个布尔值
    };
  },
};
</script>

这样，当 `shouldRemoveWrap` 为 `true` 时，`el-collapse-item__wrap` 就会被移除。