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 的上下文。
简单小问题，开发随记%%%%%%%%%%%%