Element Plus 的 Result 组件怎么自定义图标?

启航 阅读 2

我用 Element Plus 的 Result 组件展示操作结果,但想把默认的图标换成自己的 SVG 图标,试了 icon 属性但没生效,是不是用法不对?

官方文档说 icon 支持传入组件,但我直接传了个字符串路径好像不行……

const customIcon = 'https://example.com/icon.svg'

// 模板里这样写
// <el-result :icon="customIcon" title="提交成功" />
我来解答 赞 0 收藏
二维码
手机扫码查看
1 条解答
♫佳宜
♫佳宜 Lv1
啊这个我也踩过坑...不能直接传svg路径,要传组件对象才行。我之前这样搞的:

import { defineComponent } from 'vue'
import CustomIcon from './custom-icon.vue'

const customIcon = defineComponent(CustomIcon)

// 模板
<el-result :icon="customIcon" title="提交成功" />


记得把你的svg封装成vue组件再传进去。困死了...
点赞
2026-03-06 12:01