vue3中怎么将element-plus的折叠面板中箭头改到左侧

在 Element Plus 的折叠面板中，箭头默认是在右侧的。如果想要将箭头改到左侧，可以通过修改 CSS 样式来实现。具体步骤如下：

1. 在组件中设置 `collapse-icon-position` 属性为 `left`，这会让折叠面板中的文字和箭头都靠左对齐。

<el-collapse v-model="activeNames" collapse-icon-position="left">
  <el-collapse-item title="折叠面板 1" name="1">
    内容 1
  </el-collapse-item>
  <el-collapse-item title="折叠面板 2" name="2">
    内容 2
  </el-collapse-item>
</el-collapse>

2. 修改箭头的样式。在 CSS 中添加以下代码，将箭头的位置从右侧移到左侧：

.el-collapse-item__arrow {
  left: 20px;
  right: auto;
}

这里将箭头的 `left` 属性设为 `20px`，可以根据实际情况调整位置。同时将 `right` 属性设为 `auto`，取消箭头原有的右侧定位。

完整的代码如下：

<template>
  <el-collapse v-model="activeNames" collapse-icon-position="left">
    <el-collapse-item title="折叠面板 1" name="1">
      内容 1
    </el-collapse-item>
    <el-collapse-item title="折叠面板 2" name="2">
      内容 2
    </el-collapse-item>
  </el-collapse>
</template>

<style>
.el-collapse-item__arrow {
  left: 20px;
  right: auto;
}
</style>