el-select 左边加图标

要在Element Plus的`<el-select>`组件左边添加图标，而不是默认的后缀图标，你可以不使用`:suffix-icon`属性，而是利用自定义 slot来插入图标。这里以`CaretLeft`为例（假设`CaretLeft`是Element Plus提供的左侧箭头图标）：

<template>
  <el-select v-model="value" placeholder="Select" size="large" style="width: 120px;">
    <template #prefix>
      <i :class="'el-icon-' + iconName" /> <!-- 假设 iconName 是 'caret-left' 或者 '@element-plus/icons-vue' 中的相应类名 -->
    </template>
    <el-option label="2022年" value="2022" />
    <el-option label="2023年" value="2023" />
    <el-option label="2024年" value="2024" />
  </el-select>
</template>

<script>
import CaretLeft from '@element-plus/icons-vue/caret-left'; // 如果图标不在全局注册，需导入具体路径

export default {
  data() {
    return {
      value: '',
      iconName: 'caret-left', // 替换为你想要的图标类名
    };
  },
};
</script>

记得替换`iconName`为实际的图标类名，如`'caret-left'`或`'CaretBottom'`。