码迷,mamicode.com
首页 > 其他好文 > 详细

VUE中使用ElementUi的Message弹窗提示

时间:2020-06-29 13:27:08      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:code   成功   success   失败   bsp   error   pre   npm   import   

一:安装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弹窗提示

标签:code   成功   success   失败   bsp   error   pre   npm   import   

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

(5)
(5)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!