vue写后台管理系统,有个需求将所有的$message消息提示换成确认框来增强消息提示效果,遇到嵌套过多的情况,出现某些问题

DepartList.vue:573 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '$confirm') at eval (DepartList.vue:573:1)

正常情况下是

this.$confirm({

title: '消息提示',

content: h => <div style="color:red;">请选择一条记录!</div>,

onOk() {

console.log('OK');

},

onCancel() {

console.log('Cancel');

},

});

这样就ok,其他几种提示情况呢,比如

this.$confirm({

title: '消息提示',

content: h => <div style="color:red;">{res.message}</div>,

onOk:()=> {

console.log('OK');

},

onCancel:()=> {

console.log('Cancel');

},

});

渲染消息的情况,变量这么渲染

报错的那种场景是,有一个确认框了,比如删除,确定删除吗?这是一个确认框,当删除成功以后显示删除成功又是一个确认框来提示消息,嵌套层级过高,this 的上下文没有正确绑定到 Vue 实例上。为了确保 this 的上下文正确,可以使用箭头函数来定义回调函数,这样可以保留外部 this 的上下文。

简单小问题,开发随记%%%%%%%%%%%%

相关推荐
灵感__idea2 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴3 小时前
Mix
前端·webgl
代码续发3 小时前
前端组件梳理
前端
试图让你心动4 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_4 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码4 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记4 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏4 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数5 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante5 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端