VUE中使用ElementUi的Message弹窗提示

Posted zhenghengwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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失败!);

 

以上是关于VUE中使用ElementUi的Message弹窗提示的主要内容,如果未能解决你的问题,请参考以下文章

vue使用elementUI,接口报错message消息提示弹出过多问题

elementUI的Message Box弹窗中添加图片并显示

vue的$message(提示框换行)

vue + elementui 中的弹窗组件封装成公共组件

Vue 项目中使用ElementUI 框架中message 对话框实例对象

vue elementUI点击输入框弹出弹窗不允许输入框输入