vue3 + element-plus 动态绑定icon图标

vue3发布稳定版本后,新开的项目也随之升级到了element-plus,一路编码一路踩坑

1、数据库中需要返回官方提供的icon名称

vue3 + element-plus 动态绑定icon图标_第1张图片

 vue3 + element-plus 动态绑定icon图标_第2张图片

2、前端拿到返回数据后进行遍历-绑定

以comonent标签进行绑定

vue3 + element-plus 动态绑定icon图标_第3张图片

OK~ 

你可能感兴趣的:(vue3,element-plus)