vue3之 element-plus的动态图标

zhongjh

关注

阅读 89

2023-01-16

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>

箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。



精彩评论(0)

0 0 举报