#9vue3中动态组件使用el-icon

动态组件用法：

<component :is="Component" />

其中Component为字符串，因此使用ElementPlus的icon时我们应当这样写：

<el-icon>
	<Component :is="'Search'"/>
</el-icon>

其中Search即为对应图标的名称，参考Icon 图标 | Element Plus (element-plus.org)

当动态生成时：

<el-icon>
	<Component :is="item.iconName"/>
</el-icon>

注意不要使用icon做为变量名称，否则在Componet解析值时会将其解析为el-icon-xxx，该写法在ElementPlus中已经废弃，因此一定要注意命名。

往期精彩

#8Jenkins(Windows)管理Vite+Vue3工程-CSDN博客文章浏览阅读1.8k次，点赞60次，收藏22次。Jenkins(Windows)管理Vite+Vue3工程https://blog.csdn.net/weixin_42718399/article/details/135675433?spm=1001.2014.3001.5502#7注解+切面AOP+枚举类记录日志-CSDN博客文章浏览阅读572次，点赞22次，收藏8次。注解+切面AOP+枚举类记录日志https://blog.csdn.net/weixin_42718399/article/details/135649201?spm=1001.2014.3001.5502#6解析@PreAuthorize以及其中的Spel_@preauthorize怎么会执行spel-CSDN博客文章浏览阅读1.1k次，点赞41次，收藏18次。#6解析@PreAuthorize以及其中的Spel _@preauthorize怎么会执行spelhttps://blog.csdn.net/weixin_42718399/article/details/135558235?spm=1001.2014.3001.5502#5解析filter为什么不能注入bean和解决办法以及filter、interceptor、aspect之间的执行顺序_filter 不能注入实体类-CSDN博客文章浏览阅读1k次，点赞38次，收藏7次。filter过滤器为什么不能注入bean以及解决办法_filter 不能注入实体类https://blog.csdn.net/weixin_42718399/article/details/135517565?spm=1001.2014.3001.5502#4详解@RequestParam、@RequestBody和@PathVariable_c#requestparam变暗代表什么-CSDN博客文章浏览阅读957次，点赞26次，收藏19次。详解@RequestParam @RequestBody和@PathVariable_c#requestparam变暗代表什么https://blog.csdn.net/weixin_42718399/article/details/135475436?spm=1001.2014.3001.5502