VUE中使用ElementUi的Message弹窗提示

2020-07-01 11:09:50 浏览数 (1)

一:安装ElementUi

代码语言:javascript复制
npm install element-ui

二:引用组件

代码语言:javascript复制
import ElementUI from 'element-ui'

三:在vue文件中使用

(1) 成功提示框

代码语言:javascript复制
this.$message.success("xx成功!");

(2)错误提示框

代码语言:javascript复制
this.$message.error("xx失败!");

四:在js文件中使用

代码语言:javascript复制
import ElementUI from 'element-ui'
ElementUI.Message.success('xx成功!');
ElementUI.Message.error('xx失败!');

0 人点赞