ElementPlus:ElMessageBox增加type
问:
ElMessageBox.alert(message, '警告', { 怎么加上type类型
回答:
在使用
ElMessageBox.alert
(Element Plus 的 MessageBox 组件)时,如果你想添加type
类型(如:success
、error
、warning
、info
等),可以在配置对象中添加type
属性。你原本的代码是这样的:
Javascript
浅色版本
ElMessageBox.alert(message, '警告', {
你可以这样加上
type
类型:Javascript
浅色版本
ElMessageBox.alert(message, '警告', {type: 'error', // 可替换为 'success' / 'warning' / 'info' 等// 其他配置项... });
示例代码:
Javascript
浅色版本
import { ElMessageBox } from 'element-plus';ElMessageBox.alert('这是一个错误提示', '警告', {type: 'error',confirmButtonText: '确定', });
type 支持的类型:
'success'
'info'
'warning'
'error'
这些类型会影响弹窗的图标样式。
如果你希望弹窗显示红色错误图标,推荐使用:
Javascript
浅色版本
type: 'error'
如果你还有其他配置需求,比如图标、自定义类名等,也可以继续在配置对象中添加。需要我帮你扩展吗?