this.$confirm is not a function（关于使用element-ti MessageBox可能会遇到的问题）

最新推荐文章于 2024-06-05 15:38:10 发布
最新推荐文章于 2024-06-05 15:38:10 发布
阅读量8.8k 收藏 3
点赞数 3
分类专栏： vue日记 element-ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smallNut/article/details/105793940
版权

今天在写代码的时候使用到了element-ui中的MessageBox作为确认Modal提示框，但是因为项目非将element-ui组件全部引入而是部分引入所以一开始的时候是在main.js中引入MessageBox但是调用方法时遇到页面报错

在这里插入图片描述
后来采用局部引入方式
在这里插入图片描述
但是调用方法时遇到如下报错
在这里插入图片描述
后来发现原因是此时的$confirm是全局引入ElementUI的时候才使用的，局部使用时应改为confirm
在这里插入图片描述
解决方法参考于 https://segmentfault.com/q/1010000020792045
感谢前人们的贡献让这条路越来越好走，希望能帮到刚好遇到此问题的朋友

花心小坚果
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
Vue TypeError: this.$confirm is not a function
哈
11-23 1万+
错误 在使用element ui，采用局部引入时候，报错TypeError: this.$confirm is not a function。 因为没有在vue的实例上挂载confirm和confirm和confirm和message导致的报错 解决方案 修改element.js文件： 1 引入messageBox 插件 import {MessageBox} from ‘element-ui’ 2 在vue 的原型对象上挂载confirm Vue.prototype.$confirm = Mess
this.$confirm is not a function
qq_42507938的博客
02-22 1420
this.$confirm is not a function 今天在做项目的时候发在使用$confirm方法的时候总是会报错 查了好多文章都是说因为没有引入MessageBox模块，但是我是全局引入的，于是在多方尝试下，在main.js中定义： import Vue from 'vue' import Element from 'element-ui' Vue.use(Element) //重点：下面这句代码必须要写到Vue.use(Element)下面，否则还会继续报错 Vue.prototype.
THS6.0.1.1控制台部署指引(不使用https by lqw)
最新发布
weixin_39938069的博客
06-05 391
看控制台安裝那一节，配置文件上，记得检查http.yaml的https_enable改一下，改成true。解压后使用ip a查看一下自己的网卡上的ip，本次示范用的是192.168.10.82。cd到安装目录的conf目录，找到http.yaml。配置完后cd到安装目录的bin目录，执行数据库初始化。這裏的https_enable得改成true。），所以重开一个帖子，以便新手参考使用。
element UI - this.$confirm is not a function, this.$message is not a function, this.$alert is not a
cc蒲公英的博客
11-29 378
element UI - this.$confirm is not a function, this.$message is not a function, this.$alert is not a
“TypeError: this.$confirm is not a function“以及“TypeError: this.$message is not a function“
weixin_38547641的博客
08-27 5833
TypeError: this.$confirm is not a function TypeError: this.$message is not a function 在使用element ui时候，报错，我都是局部引入的，连个报错原因是一样的，因为没有在vue的实例上挂载$confirm和$message导致的报错 解决方法： 在你的入口文件main.js中: import { Message, MessageBox } from 'element-ui' //引入Message, MessageB
element中的$confirm的使用
11-21
在Element UI库中，`$confirm` 是一个非常实用的组件，用于创建具有确认和取消功能的模态对话框。这个对话框常用于用户需要进行重要操作前的二次确认，如删除、修改等。在提供的代码片段中，我们看到一个自定义函数 ...
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
12-09
调试了好久, 还能凑合用, 请直接看DOME ...link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <style media="screen" type="text/css"> #appLoading { width: 100%;
elementUI vue this.$confirm 和el.docx
11-22
ElementUI Vue 中的 `$confirm` 和 `el-dialog` 组件的使用和自定义 ElementUI 是一个基于 Vue.js 的 UI 组件库，提供了许多实用的 UI 组件来帮助开发者快速构建 Web 应用程序。在 ElementUI 中， `$confirm` 和 `...
vue.js中toast用法及使用toast弹框的实例代码
01-19
this.$toast({ message: 今日签到+3, }) }, 3.效果图如下 一个简单的toast提示成就好了 下面通过实例代码看下vue 中使用 Toast弹框 import { ToastPlugin,ConfirmPlugin,AlertPlugin} from 'vux' Vue.use...
vue elementui $confirm is not a function 正确解决办法
liv空间站
08-27 1638
目录1.问题描述2.输出对象3.解决办法 1.问题描述 正常写this.confirm或者Vue.confirm或者Vue.confirm或者Vue.confirm，可能会报错$confirm is not a function，这是由于Vue对象下并没有这个方法，查看Vue或者this对象，发现prototype对象下有很多方法，其中就包含 $confirm 2.输出对象 console.log(Vue.prototype) console.log(this.prototype) 3.解决办法 其实看
element ui的气泡确认框 点击确定没反应的问题
你走过的路 风都是暖的
03-02 1617
官网解释 但是我们加上此点击事件后, 点击确定并没有执行相对应的方式 解决办法: @onConfirm
使用element-ui中MessageBox 时报错：TypeError: this.$prompt is not a function和this.$prompt is not a function
m0_54385598的博客
09-13 533
没有将引入的MessageBox组件中的prompt和message子组件注册为全局组件。只需要将prompt子组件和message子组件挂载到Vue构造函数的原型对象中即可。
解决vue+el使用this.$confirm，不能阻断代码往下执行
qq_36637705的博客
12-23 1万+
前言 在vue+element ui的前端框架中使用el的confirm弹窗，遇到一个问题，就是连续多个弹窗提示一些信息，要是点击确定继续向下执行，点击取消就退出整个方法。这时发现当代码执行到this.$confirm弹窗时，弹出弹窗后，继续执行了弹窗之后的代码，没有等到弹窗点击确定或是取消之后再执行。 具体解决 其实解决办法也很简单，因为this.$confirm也是一个promise方法，所以...
Ant Design Vue全局对话确认框（confirm）的回调不触发
cwb_2120的博客
11-14 2192
解决ant design vue确认框 点击确认和取消问题
$confirm is not a function($confirm报错的解决方法)
jin_ba_dao的博客
10-18 8097
element $confirm is not a function (解决方法) **解决方法:**如下图所示: 引入MessageBox弹框 把上图的this.$confirm改为MessageBox.confirm 即可 谢谢
vue2同时使用ant-design-vue和element-ui导致this.$confirm({})方法不生效解决方法
m0_65360496的博客
11-02 1463
【代码】vue2同时使用ant-design-vue和element-ui导致this.$confirm({})方法不生效解决方法。
TypeError: this.$message is not a function报错情况解决
weixin_45717984的博客
05-17 1万+
TypeError: this.$message is not a function报错情况解决
$ is not a function解决办法
热门推荐
Nobita
05-26 2万+
$ is not a function // $(function () { // $('.portfolio-two-item').click(function () { // var video_path = $(this).data('src'); // layer.open({ // type: 2, // t...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值