在Vue项目中使用Element框架时,若想自定义Message消息提示的图标,可通过设置iconClass属性实现,灵活替换默认图标,提升界面提示效果。
1、 打开Vue文件,添加按钮点击事件以触发消息提示功能。
2、 在调用 this.\$message 方法时,于参数对象中加入 iconClass: el-icon-edit,该属性用于设置自定义图标样式,具体效果所示。
3、 保存Vue文件后在浏览器中打开,点击按钮,消息提示前会显示一个编辑图标,具体效果所示。
在Vue项目中使用Element框架时,若想自定义Message消息提示的图标,可通过设置iconClass属性实现,灵活替换默认图标,提升界面提示效果。
1、 打开Vue文件,添加按钮点击事件以触发消息提示功能。
2、 在调用 this.\$message 方法时,于参数对象中加入 iconClass: el-icon-edit,该属性用于设置自定义图标样式,具体效果所示。
3、 保存Vue文件后在浏览器中打开,点击按钮,消息提示前会显示一个编辑图标,具体效果所示。