VUE中使用ElementUi的Message弹窗提示

转自:https://www.cnblogs.com/ZhengHengWU/p/12785363.html

一:安装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失败!');

 

posted @ 2020-11-03 10:01  志不坚者智不达  阅读(2014)  评论(0编辑  收藏  举报