vue3 使用element-plus动态渲染Icon图标

 element-plus中使用icon图标与elemnet-ui中不一样   

 

 element-ui中可以直接绑定:class='el-icon-deit‘动态的渲染出自己想要的图标

<el-icon :size="20">
    <Edit />
  </el-icon>

 element-plus中由于使用svg图标所以不能用element-ui的方式直接动态的绑定class

 element-plus中动态绑定icon图标先要给一个你需要得图标的对象/数组

使用图标时在<el-icon></el-icon>中的<component :is="icons[item.id]" />传:is='icons[item.id]'就可以动态绑定自己想要得图标

 

以上纯属个人观点  可以借鉴学习，我也在不断学习