Vue3 - Element Plus 动态渲染 ＜el-icon＞ 图标组件，根据三元表达式条件、v-if 指令动态判断图标并渲染图标组件， v-for 循环动态图标组件（提供详细示例代码教程）

前言

在 Element Plus 组件库中，图标组件的使用方式是以 “组件形式” 渲染的图标，如何根据判断渲染不同的图标（动态）呢？

本文实现了 在 vue3+element plus 项目开发中，实现 el-icon 图标组件根据条件动态渲染，以及 v-for 循环动态的渲染，

你可以对图标组件进行任何条件的设置，以便根据逻辑进行不同图标的显示业务，

---

如下图所示，由于图标是组件形式，所以面对这些问题就变得措手不及了，

附带详细示例教程，新手小白都能快速上手

解决方案

按以下步骤进行，即可 100% 解决