vue3 element plus动态添加图标

vue3 element plus动态添加图标,第1张

element
icon 直接使用类名就可以实现


element plus
icon 变成直接使用svg图片,当我动态的时候渲染时,就需要用到 vue3 的 :is

//单一固定的

** 新的 attribute :is**
:is 动态使用组件。有的时候你可能需要 Vue 将一个原生元素替换为一个 Vue 组件,这时你可以把 is attribute 的值加上 vue: 前缀,这样 Vue 就会将这些元素换为 Vue 组件进行渲染:
:is="组件名字 "

//动态渲染 item.meta.icon == iconName

//循环多个

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/941523.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存