Element-Ui组件（二十八）Alert 警告

Element-Ui组件（二十八）Alert 警告

本文来源于Element官方文档：

http://element-cn.eleme.io/#/zh-CN/component/alert

基础用法

普通警告

<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"
    description="文字说明文字说明文字说明文字说明文字说明文字说明"
    show-icon>
</el-alert>

alert 属性：

参数	类型	说明	可选值	默认值
title	标题，必选参数	string	—	—
type	主题	string	success/warning/info/error	info
description	辅助性文字。也可通过默认 slot 传入	string	—	—
closable	是否可关闭	boolean	—	true
center	文字是否居中	boolean	—	true
close-text	关闭按钮自定义文本	string	—	—
show-icon	是否显示图标	boolean	—	false

alert 事件

事件名称	说明	回调参数
close	关闭alert时触发的事件	—