[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'