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

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

相关推荐
xump12 分钟前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
折翅嘀皇虫13 分钟前
fastdds.type_propagation 详解
java·服务器·前端
Front_Yue14 分钟前
深入探究跨域请求及其解决方案
前端·javascript
wordbaby15 分钟前
React Native 进阶实战:基于 Server-Driven UI 的动态表单架构设计
前端·react native·react.js
抱琴_16 分钟前
【Vue3】我用 Vue 封装了个 ECharts Hooks,同事看了直接拿去复用
前端·vue.js
风止何安啊17 分钟前
JS 里的 “变量租房记”:闭包是咋把变量 “扣” 下来的?
前端·javascript·node.js
老华带你飞20 分钟前
社区养老保障|智慧养老|基于springboot+小程序社区养老保障系统设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序·毕设·社区养老保障
Danny_FD22 分钟前
用 ECharts markLine 标注节假日
前端·echarts
程序员西西23 分钟前
SpringBoot无感刷新Token实战指南
java·开发语言·前端·后端·计算机·程序员
烛阴23 分钟前
Luban集成CocosCreator完整教程
前端·typescript·cocos creator