element/examples/docs/alert.md

基本用法

<el-alert title="成功提示的文案" type="success"></el-alert>
<el-alert title="消息提示的文案" type="info"></el-alert>
<el-alert title="警告提示的文案" type="warning"></el-alert>
<el-alert title="错误提示的文案" type="error"></el-alert>

自定义关闭按钮

<el-alert title="成功提示的文案" type="success" close-text="知道了"></el-alert>

带有 icon

<el-alert title="成功提示的文案" type="success" show-icon></el-alert>
<el-alert title="消息提示的文案" type="info" show-icon></el-alert>
<el-alert title="警告提示的文案" type="warning" show-icon></el-alert>
<el-alert title="错误提示的文案" type="error" show-icon></el-alert>

带有辅助性文字介绍

<el-alert
  title="成功提示的文案"
  type="success"
  description="文字说明文字说明文字说明文字说明文字说明文字说明">
</el-alert>

带有 icon 和辅助性文字介绍

<el-alert
  title="成功提示的文案"
  type="success"
  description="文字说明文字说明文字说明文字说明文字说明文字说明"
  show-icon>
</el-alert>

<el-alert
  title="消息提示的文案"
  type="info"
  description="文字说明文字说明文字说明文字说明文字说明文字说明"
  show-icon>
</el-alert>

<el-alert
  title="警告提示的文案"
  type="warning"
  description="文字说明文字说明文字说明文字说明文字说明文字说明"
  show-icon>
</el-alert>

<el-alert
  title="错误提示的文案"
  type="error"
  description="文字说明文字说明文字说明文字说明文字说明文字说明"
  show-icon>
</el-alert>

API

参数	说明	类型	可选值	默认值
title	标题, 必选参数	string
type	主题	string	'success', 'warning', 'info', 'error'	'info'
description	说明文字	string
closable	是否可关闭	boolean		true
closeText	关闭按钮自定义文本	string
showIcon	是否显示图标	boolean		false
onClose	关闭时的回调函数	function