vue3之 element-plus的动态图标

Vue2中使用Element UI的图标渲染是通过 <i class="el-icon-plus"></i>渲染

Vue3 中使用Element Plus图标渲染是通过 <el-icon><Plus /></el-icon>渲染

所以在使用Element UI动态变换图标时就可以通过：class的方式渲染图标

但是Element Plus就不行了，我们知道引用的图标是组件形式，组件的话就可以使用 <component :is="xxx" />进行渲染了

解决办法

  <div v-for="(option, index) in options" :key="index">
    <el-icon>
      <component :is="option.icon" />
    </el-icon>
  </div>