VUE中使用ElementUi的Message弹窗提示
2023-09-14 08:57:24 时间
一：安装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 - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i
- VUE中使用ElementUI messageBox的使用
- vue的安装以及语法介绍
- [Nuxt] Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates
- vue.js3:分割图片为四宫格九宫格等形式(vue@3.2.37)
- Weex meets Vue，记一次 Weex 前端团队的讨论
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- vue elementui el-select通过@Change触发事件
- vue v-show指令
- Vue入门教程：node安装vue命令行工具及启动项目
- 【视频】vue生命周期函数
- vue项目elementui 的 el-checkbox复选框改成单选框样式：实现全选、全否、单选、反选功能（最简单的方法）
- vue:export default 和 export 区别(difference between Vue 'export default' and 'new Vue')
- Vue+ElementUI项目使用webpack输出MPA【华为云分享】
- Vue+ElementUI项目使用webpack输出MPA
- vue-cli3.0 使用postcss-plugin-px2rem（推荐）和 postcss-pxtorem（postcss-px2rem）自动转换px为rem 的配置方法；
- 在vue中的form表单中下拉框中的数据来自数据库查询到的数据
- 在vue中引入elementui
- 在vue页面引入echarts,图表的数据来自数据库 springboot+mybatis+vue+elementui+echarts实现图表的制作
- Springboot+Vue实现将图片和表单一起提交到后端，同时将图片地址保存到数据库、再次将存储的图片展示到前端vue页面
- 178：vue+openlayers 绘制自定义图形，导出为geojson文件
- 130：vue+openlayers 加载中国边界JSON数据（EPSG:4326）
- 129：vue+openlayers：extent 在EPSG:4326，EPSG:3857，EPSG:900913，CRS:84的范围值
- 062：vue+openlayers绘制正方形、矩形、六芒星（ 代码示例 ）
- 一文说清 webpack、vite、vue-cli、create-vue 的区别
- vue-tour快速入门：VUE项目中如何使用vue-tour新手引导指引插件？怎样使用？包含具体实例
- 【表格动态列】Vue + ElementUI实现表格多行表头以及表格动态列的功能
- Vue:第一个vue-cli项目
- Vue学习笔记——vue-router