avue消息提示框基本用法

Alert 组件，提供四种提示类别，由type属性指定，默认值为info。
Alert 组件，提供了两个不同的显示主题：light和dark。
Alert 组件，你可以设置是否可关闭，关闭按钮的文本以及关闭时的回调函数。closable属性决定是否可关闭，接受boolean，默认为true。你可以设置close-text属性来代替右侧的关闭图标，注意：close-text必须为文本。设置close事件来设置关闭时的回调。
Alert 组件，可以通过设置show-icon属性来显示 Alert 的 icon，这能更有效地向用户展示你的显示意图。
Alert 组件，使用 center 属性让文字水平居中。
Alert 组件，除了必填的title属性外，你可以设置description属性来帮助你更好地介绍，我们称之为辅助性文字。辅助性文字只能存放单行文本，会自动换行显示。

<template><el-alerttitle="成功提示"type="success"effect="dark":closable="false"centerdescription="带有辅助性文字介绍">show-icon></el-alert><el-alerttitle="消息提示"type="info"effect="dark"close-text="知道了"show-icon></el-alert><el-alerttitle="警告提示"type="warning"effect="dark"@close="hello"show-icon></el-alert><el-alerttitle="错误提示"type="error"effect="dark"show-icon></el-alert></template><script>export default {methods: {hello() {alert('Hello World!');}}}
</script>

avue消息提示框基本用法相关推荐

window.createPopup()用法以及短消息提示框代码
一.在做一个portal项目时,用户要求在门户首页上的待办信息要有明确的提示,且在浏览器最小化的情况下,当有新的待办信息时,也要做提示.用了alert方法.或者用div的方法都很难实现"在浏 ...
qt 关闭对话框提醒_qt5信息提示框QMessageBox用法
information QMessageBox::information(NULL, "Title", "Content", QMessageBox::Yes ...
java提示框easyui风格_[Java教程]jQuery EasyUI 提示框(Messager)用法
[Java教程]jQuery EasyUI 提示框(Messager)用法 0 2013-10-10 19:00:06 jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的 ...
element-ui前端页面消息提示框
前言:本篇博客主要介绍了前端页面的一些消息提示框,均是element-ui中的组件,查找起来比较方便.详细文档可以查看element-ui官网:Element-ui Message消息提示框用来显示 ...
layer - 简单好用的Web弹出层组件使用详解1（安装配置、消息提示框）
一.基本介绍 1,什么是 layer? layer 是一款近年来备受青睐的 web 弹层组件,可轻松实现 Alert / Confirm / Prompt / 普通提示 / 页面区块 / iframe ...
C#MessageBox(消息提示框)使用详解
摘要:以自身经历,自己开发的MessageBox方法测试器详解MessageBox消息提示框的各种不同样式和用法. 编程语言:C# 编程环境:Visual Studio 2019 目录 Message ...
html js 循环提示框,纯js超酷消息提示框插件notice.js
notice.js是一款纯js超酷消息提示框插件.notice.js为纯js编写,没有任何依赖文件.通过它可以在页面上制作出漂亮的toast消息通知框效果.该js消息提示框插件的特点还有: 支持4中情 ...
QGC注释消息提示框
消息提示框:有时显示时覆盖想要看的界面,可注释!
JS的三种消息提示框alert confirm prompt
首先来看看alert的效果: 代码为: $(function(){$("#quit").click(quit); })function quit(){alert("消息提 ...

avue消息提示框基本用法

avue消息提示框基本用法相关推荐

最新文章

热门文章