elementui引入弹出框报错:this.$alert is not defined 解决方案

1.按需引入文件element.js

注意:引入Message,MessageBox两个组件就行,alert包括在MessageBox里面了。

之前我引入了Alert组件,发现不行

2.在vue的prototype里注册伪名字

3.组件里直接调用就行了

4.实现效果

我发现elementui调用弹出框的时候,有一个bug。一旦引入MessageBox组件后,使用Vue.use(MessageBox)后,会出现加载页面后,弹出空窗异常。

原因是多写了这个代码

注释掉就正常了

相关推荐
Amumu121387 分钟前
Redux介绍(一)
前端·javascript·react.js
旭日猎鹰8 分钟前
配置ReactNative环境并创建第一个程序
javascript·react native·react.js
麷飞花10 分钟前
TypeScript问题
前端·javascript·vscode·typescript·ts
阿湯哥12 分钟前
ReAct智能体
前端·react.js·前端框架
放逐者-保持本心,方可放逐14 分钟前
electron 中的那些事(很关键)-核心要点补充
前端·javascript·electron
战族狼魂15 分钟前
Python 完整实现 BCrypt GUI 工具
java·前端·python
2301_7891695415 分钟前
ai讲React 18 + Context API 极简教程 解决深层组件调用父组件里其他组件方法
javascript·react.js·ecmascript
念念不忘 必有回响18 分钟前
vue项目从零开始配置国际化
前端·javascript·vue.js
J_liaty20 分钟前
前后端跨域处理全指南:Java后端+Vue前端完整解决方案
java·前端·vue.js·spring boot·后端
小二·24 分钟前
Python Web 开发进阶实战:国际化(i18n)与多语言支持 —— Vue I18n + Flask-Babel 全栈解决方案
前端·vue.js·python