vue3+ElementPlus-【动态绑定icon】

1.element官网找到icon图标使用说明，并安装

2. 把需要用到的图标正确导入

3.准备数据

<script setup>
import { Files, Cpu, EditPen } from '@element-plus/icons-vue'

const icons = [
  { icon: Cpu },
  { icon: Files },
  { icon: EditPen }
]
</script>

4.在template使用

    <el-icon v-for="item in icons" :key="item">
        <component :is="item.icon" />
    </el-icon>