简介

• el-alert：用于在页面中展示重要的提示信息，实际不局限于警告信息的。它是页面中的非浮层元素，不会自动消失的。其属性表如下，
• 
• 
• 其子组件的slot属性取值如下，
• 

基础示例

• 通过type属性指定不同主题，默认为info。

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

主题

• 通过effect属性可切换不同主题，取值可为dark和light（默认，上例即为light主题）。
• 

自定义关闭按钮

• 通过closable属性决定是否可关闭，默认为true。通过close-text属性可替换右侧的关闭图标为文本。通过close事件设置关闭时的回调函数，比如，点击关闭后弹框显示“好吧”.
• 

带有icon

• 通过show-icon属性在提示信息中带上一个icon，在表示某种状态时提升可读性。
• 

文字居中

• 通过center属性使文字水平居中。
• 

带有辅助性文字介绍

• 除了必填的title属性外，还可以通过description属性来设置辅助性文字帮助你更好地介绍，不过它只能存放单行文本，会自动换行显示。
• 

带有icon和辅助性文字介绍

• 

• 官方文档

• 代码实例：“E:\sublime text 3\Sublime Text 3\itemname2\element-starter”