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)后,会出现加载页面后,弹出空窗异常。

原因是多写了这个代码

注释掉就正常了

相关推荐
三十_A16 分钟前
如何正确实现圆角渐变边框?为什么 border-radius 对 border-image 不生效?
前端·css·css3
kgduu28 分钟前
js之事件系统
javascript
小满zs31 分钟前
Next.js第十三章(缓存组件)
前端
前端老宋Running1 小时前
“受控组件”的诅咒:为什么你需要 React Hook Form + Zod 来拯救你的键盘?
前端·javascript·react.js
风止何安啊1 小时前
拿捏 React 组件通讯:从父子到跨组件的「传功秘籍」
前端·react.js·面试
阿蒙Amon1 小时前
JavaScript学习笔记:7.数字和字符串
javascript·笔记·学习
懒得不想起名字1 小时前
将flutter打成aar包嵌入到安卓
前端
Highcharts.js1 小时前
官方文档|Angular 框架集成 Highcharts Dashboards
前端·javascript·angular.js·highcharts·看板·使用文档·dashboards
韭菜炒大葱1 小时前
React 新手村通关指南:状态、组件与魔法 UI 🧙‍♂️
前端·javascript·react.js
天天扭码2 小时前
深入MCP本质——编写自定义MCP Server并通过Cursor调用
前端·mcp