Element UI三十二Alert警告
简介
-
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 3Sublime Text 3itemname2element-starter”
上一篇：
IDEA上Java项目控制台中文乱码