VUE中使用ElementUi的Message弹窗提示

一:安装ElementUi

npm install element-ui

二:引用组件

import ElementUI from 'element-ui'
  // 安装 ElementUI(ui)
  Vue.use(ElementUI)

三:在vue文件中使用

(1) 成功提示框

this.$message.success("xx成功!");

(2)错误提示框

this.$message.error("xx失败!");

四:在js文件中使用

import ElementUI from 'element-ui'
ElementUI.Message.success('xx成功!');
ElementUI.Message.error('xx失败!');

作者:阿笨

      【官方QQ一群:跟着阿笨一起玩NET(已满)】:422315558跟着阿笨一起玩NET

      【官方QQ二群:跟着阿笨一起玩C#(已满)】:574187616跟着阿笨一起玩C#

      【官方QQ三群:跟着阿笨一起玩ASP.NET(已满)】:967920586跟着阿笨一起玩ASP.NET

      【官方QQ四群:Asp.Net Core跨平台技术开发(可加入)】:806491485Asp.Net Core跨平台技术开

      【官方QQ五群:.NET Core跨平台开发技术(可加入)】:1036896405.NET Core跨平台开发技术

      【网易云课堂】:https://study.163.com/provider/2544628/index.htm?share=2&shareId=2544628

      【腾讯课堂】:https://abennet.ke.qq.com

      【51CTO学院】:https://edu.51cto.com/sd/66c64

      【微信公众号】:http://dwz.cn/ABenNET

原文地址:https://www.cnblogs.com/51net/p/13207352.html