当前位置: 首页 > news >正文

配置Message全局弹窗

使用element组件:Message

在main.js中引入

//消息提示组件
import { Message } from "element-ui";
Vue.prototype.$message = Message 

这样就能在login.vue中使用this.$message

this.$refs.Form.validate(valid => {
        console.log(valid)
        if (valid) {
          if (username === 'admin' && password === 'admin') {
            console.log('输入正确')
            this.$message.success("登录成功")
          }else {
            this.$message.error('密码错误')
          }
        } else {
          this.$message.warning("登录失败")
        }

在这里插入图片描述

相关文章:

  • Vue学习:存入会话缓存
  • vue实现简单的记住密码功能
  • element设置表格el-table表头的颜色
  • vue+django跨域问题的学习
  • django清空数据库
  • 将json字符串转换成json对象
  • 小程序节流,防止多次点击
  • django models进行倒序
  • 微信小程序的动态显示字体颜色
  • django在原models新增字段
  • querySet如何转换成json
  • promise和Async/Await的学习
  • github学习
  • CSS渐变学习
  • css实现动态箭头
  • SegmentFault for Android 3.0 发布
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • IDEA常用插件整理
  • JavaScript 奇技淫巧
  • JavaScript函数式编程(一)
  • Java方法详解
  • JS字符串转数字方法总结
  • Nginx 通过 Lua + Redis 实现动态封禁 IP
  • npx命令介绍
  • PhantomJS 安装
  • Shell编程
  • springboot_database项目介绍
  • Spring核心 Bean的高级装配
  • sublime配置文件
  • 爱情 北京女病人
  • 不上全站https的网站你们就等着被恶心死吧
  • 从setTimeout-setInterval看JS线程
  • 高程读书笔记 第六章 面向对象程序设计
  • 关于List、List?、ListObject的区别
  • 七牛云 DV OV EV SSL 证书上线,限时折扣低至 6.75 折!
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 手写一个CommonJS打包工具(一)
  • 这几个编码小技巧将令你 PHP 代码更加简洁
  • 06-01 点餐小程序前台界面搭建
  • 你对linux中grep命令知道多少?
  • Java数据解析之JSON
  • mysql 慢查询分析工具:pt-query-digest 在mac 上的安装使用 ...
  • ​HTTP与HTTPS:网络通信的安全卫士
  • # Panda3d 碰撞检测系统介绍
  • (1)虚拟机的安装与使用,linux系统安装
  • (13):Silverlight 2 数据与通信之WebRequest
  • (二)pulsar安装在独立的docker中,python测试
  • (七)Java对象在Hibernate持久化层的状态
  • (转)Linq学习笔记
  • (转)VC++中ondraw在什么时候调用的
  • ... 是什么 ?... 有什么用处?
  • .\OBJ\test1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
  • .Net 中Partitioner static与dynamic的性能对比