如何自定义Element的Message图标

2026-02-13 11:25:40

1、打开一个vue文件,添加一个点击可以打开消息提示的按钮事件。如图

如何自定义Element的Message图标

如何自定义Element的Message图标

2、在this.$message方法里对象里添加iconClass: "el-icon-edit",iconClass对应的值是自定义的图标样式。如图

如何自定义Element的Message图标

3、保存vue文件后使用浏览器打开,点击按钮即可看到消息提示信息内容前面显示了一个编辑的图标。如图

如何自定义Element的Message图标

猜你喜欢