Element Plus 的 Result 组件怎么自定义图标? 启航 提问于 2026-03-06 11:46:20 阅读 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 加载更多 相关推荐 2 回答 26 浏览 Element Plus的Result组件图标不随状态变化怎么办? 我在用Element Plus的Result组件做操作反馈页面时,想根据不同的API返回状态动态切换图标和描述。按照文档写了状态绑定,但图标一直显示默认的成功图标,文字倒是能变: import { d... 南宫英杰 组件 2026-02-02 19:50:27 2 回答 53 浏览 Element Plus的Result组件如何自定义图标样式? 我在用Element Plus的Result组件做操作反馈页时,想把默认的成功图标换成其他图标,但直接设置icon属性没效果。试过用icon插槽手动放svg图标,虽然显示出来了但位置不对,总是偏移到右... 司徒景荣 组件 2026-01-26 19:02:25 2 回答 20 浏览 Element Plus时间线怎么自定义节点图标? 我用Element Plus的Timeline组件,想把默认的圆点换成自定义图标,但文档里没看懂怎么弄。试了在el-timeline-item里加icon属性,结果根本没生效,控制台也没报错,就是显示... 西门奥杰 组件 2026-02-26 17:19:19 1 回答 19 浏览 Element Plus 的 Statistic 组件怎么自定义前缀和后缀样式? 我用 Element Plus 的 Statistic 组件展示数据,但默认的前缀(比如“¥”)和后缀(比如“元”)样式太小了,想改大一点,试了加 class 好像没生效? 我在文档里看到有 pref... 弯弯 组件 2026-02-26 23:17:21 2 回答 39 浏览 Element Plus图标不显示,颜色设置也没效果怎么办? 刚在项目里用Element Plus的ElIcon组件包裹SvgIcon,图标完全没显示出来。我按文档引入了ElIcon和对应图标组件,但页面就是一片空白。更奇怪的是,我给图标加了红色和2倍大小,样式... 名哲~ 组件 2026-01-31 12:16:25 1 回答 19 浏览 Element Plus 图标不显示怎么办? 我在 Vue3 项目里装了 Element Plus,想用图标但一直显示空白。按照文档引入了 import { Edit } from '@element-plus/icons-vue',也在组件里注... 欧阳振艳 组件 2026-02-27 17:41:18 2 回答 78 浏览 Element Plus时间线节点背景色怎么改不生效? 在用Element Plus的Timeline组件时,想给节点改成蓝色背景加白色图标,按官网写法设置了dot-icon和content,但背景色始终显示默认的灰色,内联样式也试过了还是没反应,这是为什... 南宫俊宇 组件 2026-01-29 02:15:29 1 回答 5 浏览 Element Plus 走马灯怎么设置自动轮播不生效? 我用 Element Plus 的 Carousel 组件,想让它自动轮播,但加了 autoplay 属性后完全没反应,还是得手动点。是不是还要配其他参数?我试过把 interval 设成 2000,... 西门长春 组件 2026-03-05 09:56:21 1 回答 102 浏览 Element Plus 的 Descriptions 组件怎么设置 label 宽度? 我在用 Element Plus 的 Descriptions 描述列表,发现 label 宽度太窄,内容被挤到下一行了。 试过加 label-width 属性,但好像没生效,是不是写法不对? <... ლ伊可 组件 2026-03-05 00:54:20 1 回答 6 浏览 Element Plus的Avatar头像不显示图片是怎么回事? 我在用Element Plus的Avatar组件时,传了图片地址但头像一直显示默认占位符,没报错也没加载图片。我试过直接写死URL和用变量绑定,都不行。 代码是这样写的: <el-avatar ... IT人红会 组件 2026-03-04 14:23:19
记得把你的svg封装成vue组件再传进去。困死了...