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>