Element Plus按需引入图标

在Vue项目中使用Element Plus库时，如果需要按需引入图标，可以通过以下步骤进行：

1. 安装unplugin-element-plus插件：

npm install unplugin-element-plus --save-dev

2. 在Vue项目的vite.config.js或vue.config.js配置文件中，配置插件：

import { defineConfig } from 'vite'
import ElementPlus from 'unplugin-element-plus/vite'
 
export default defineConfig({
  plugins: [
    ElementPlus({
      // 如果需要按需引入图标，请设置为true
      useIcons: true,
    }),
  ],
})

3. 在组件中按需引入图标：

<script setup>
import { ElIcon, ArrowLeft } from 'element-plus'
 
// 如果需要的话，可以在这里注册更多图标
</script>
 
<template>
  <el-icon>
    <!-- 使用已经引入的图标组件 -->
    <arrow-left />
  </el-icon>
</template>

确保在使用图标组件时，已经正确地在vite.config.js或vue.config.js中配置了unplugin-element-plus插件，并且在需要的地方正确地引入了Element Plus的图标组件。