Vue TypeError: this.$confirm is not a function 2022-12-23 14:24 55阅读 0赞 ## 错误 ## 在使用element ui,采用局部引入时候,报错`TypeError: this.$confirm is not a function`。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center] 因为没有在vue的实例上挂载 c o n f i r m 和 confirm和 confirm和message导致的报错 ## 解决方案 ## 修改element.js文件: 1 引入messageBox 插件 > import \{MessageBox\} from ‘element-ui’ 2 在vue 的原型对象上挂载confirm > Vue.prototype.$confirm = MessageBox.confirm 如下图所示: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center 1] 以后就可以放心的在vue中的任何文件使用this. c o n f i r m 或 者 t h i s . confirm或者this. confirm或者this.message了。比如:你想用MessageBox中的confirm方法,现在可以这样用: <template> <div> <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisible = false">取 消</el-button> <el-button type="primary" @click="dialogVisible = false">确 定</el-button> </span> </el-dialog> </div> </template> <script> export default { data () { return { dialogVisible: false } }, methods: { handleClose (done) { const _this = this _this.$confirm('确认关闭?') .then(_ => { done() }) .catch(_ => { }) } } } </script> [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/adc3812f17fa444d96a474372c820cf7.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/6ee72ec9d0c84f18978066ac2dedc6b2.png 文章版权声明:注明蒲公英云原创文章,转载或复制请以超链接形式并注明出处。
相关 Syntax Error: TypeError: this.getOptions is not a function ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub 港控/mmm°/ 2021年07月26日 09:43/ 0 赞/ 351 阅读
相关 Uncaught TypeError: form.render is not a function 引言:一直报这个错误,刚开始不知道哪里的问题,后来才明白原来是,引入的layui.js跟引入jquery的包产生了冲突。 把引入的js包注释掉就可以了,不会产生冲突了。 < 我会带着你远行/ 2021年09月23日 07:14/ 0 赞/ 110 阅读
相关 "TypeError: handler.call is not a function"问题 进入组件页面时,vue报错:Error in mounted hook: "TypeError: handler.call is not a function", ![157 梦里梦外;/ 2021年11月27日 06:48/ 0 赞/ 160 阅读
相关 TypeError: instance.render is not a function 1、错误描述 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJs 旧城等待,/ 2022年01月28日 23:39/ 0 赞/ 99 阅读
相关 TypeError: "_vm.onetopic is not a function" 解决方案 1、方法 onetopic要放在methods:\{\}里面 2、看看自己是不是多个\},导致方法在methods:\{\}外面了 ------------ 浅浅的花香味﹌/ 2022年02月01日 11:15/ 1 赞/ 141 阅读
相关 TypeError: db.collection is not a function 1、错误描述 F:\nodejs>node insertData.js (node:10028) DeprecationWarning: current UR 比眉伴天荒/ 2022年05月16日 08:11/ 0 赞/ 75 阅读
相关 TypeError:(0 ,jsdom.jsdom) is not a function 在使用`Enzyme`测试容器组件时,为了能使用`mount`方法递归渲染出所有`DOM`,不得不使用`JSDOM`在`Node.js中`模拟一个类似浏览器的环境。于是有了下面 朱雀/ 2022年05月25日 19:57/ 0 赞/ 83 阅读
相关 Uncaught TypeError: c(...).off is not a function(… layer.open({ title: 'test', content: 'hello layer' }) 运行上面的代码,能弹出对话框,但按确定对话框不消失. 控制 喜欢ヅ旅行/ 2022年05月29日 21:05/ 0 赞/ 68 阅读
相关 Uncaught TypeError: XXX.getTime is not a function 因为变量只是字符串,无法调用日期函数。 你应该解析它们以获得一个`Date`对象,对于该格式我总是使用以下函数: // parse a date in yyyy-m 淡淡的烟草味﹌/ 2022年09月27日 17:16/ 0 赞/ 80 阅读
相关 Vue TypeError: this.$confirm is not a function 错误 在使用element ui,采用局部引入时候,报错`TypeError: this.$confirm is not a function`。 ![在这里插入图片 Dear 丶/ 2022年12月23日 14:24/ 0 赞/ 56 阅读
还没有评论,来说两句吧...