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 的上下文。

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

相关推荐
开心工作室_kaic32 分钟前
ssm161基于web的资源共享平台的共享与开发+jsp(论文+源码)_kaic
java·开发语言·前端
刚刚好ā32 分钟前
js作用域超全介绍--全局作用域、局部作用、块级作用域
前端·javascript·vue.js·vue
沉默璇年2 小时前
react中useMemo的使用场景
前端·react.js·前端框架
yqcoder2 小时前
reactflow 中 useNodesState 模块作用
开发语言·前端·javascript
2401_882727572 小时前
BY组态-低代码web可视化组件
前端·后端·物联网·低代码·数学建模·前端框架
SoaringHeart2 小时前
Flutter进阶:基于 MLKit 的 OCR 文字识别
前端·flutter
会发光的猪。3 小时前
css使用弹性盒,让每个子元素平均等分父元素的4/1大小
前端·javascript·vue.js
天下代码客3 小时前
【vue】vue中.sync修饰符如何使用--详细代码对比
前端·javascript·vue.js
猫爪笔记3 小时前
前端:HTML (学习笔记)【1】
前端·笔记·学习·html
前端李易安3 小时前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js