[Vue warn]: Error in v-on handler: "TypeError: this.onConfirm(...).then is not a function"

使用WTM框架 生成的项目,最近发现删除操作不能使用,控制台报错如下:

搜了一下,可能的原因有2种: 方法没有定义/导入(Ref-1),或者有多个同名方法(Ref-2), 看着似乎都不符合,于是跟着错误调用堆栈折腾了一会儿代码,并没有解决...

F12发现报错的其实是一个Ant-Design Modal对话框(Ref-3),记得前端使用的是Element-UI组件库(Ref-4),难道前端同学引入的Ant-Design,导致方法同名了?

查看了下ClientApp\src\index.ts的提交历史,一共两次提交,第二次引入了Ant-Design。

把文件最初的版本复制过来,再次运行,问题消除了,控件也换成了Element-UI的版本。

不过为了不影响前端同学的继续开展工作,其实也可以通过导入element-ui中的MessageBox,并把消息提示框挂载到全局,也就是Ref-1里提到的解决方法(所以其实问题的答案一开始就找到了,只是被自己否定了)。

import { MessageBox } from 'element-ui'

posted @ 2021-03-14 21:32  天琊蓝  阅读(5557)  评论(3编辑  收藏  举报