【无标题】vue自定义表单验证的时候报错TypeError: callback is not a function

最新推荐文章于 2025-05-20 21:22:34 发布

懒啦

最新推荐文章于 2025-05-20 21:22:34 发布

阅读量1.3k

点赞数 10

CC 4.0 BY-SA版权

分类专栏：报错bug Ant Design Vue vue报错文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_47648083/article/details/135764105

今天遇到一个奇怪的bug 我在使用ant-design-vue组件库自定义表单验证的时候出现的
在这里插入图片描述
在ant-design-vue组件库里面定义的自定义校验规则是这样的validator

在网上找了很多资料里面不是说
1.检查自定义函数是否有问题
2.检查校检字段信息
可是我两个都看了并没有问题但是还是一直提示报错。

1.检查自定义函数是否有问题

自定义函数必须是三个参数rule,value,callback这三个而且callback这个参数必须存在而且在第三个位置，可是我写的是对的呀，控制台还是报错

methods: {
   
   
	checkitLo(rule, value, callback) {
   
   
	      if (value) {
   
   
	        if (!value

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

懒啦

关注关注

10
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

出现 Error in callback for watcher “xx“: “TypeError: this.xx.forEach is not a function“ 解决方法

码农研究僧的博客

03-17

1229

出现 Error in callback for watcher "xx": "TypeError: this.xx.forEach is not a function" 解决方法

vue 自定义校检规则TypeError: callback is not a function

chen798213337的博客

03-26

1万+

1、问题描述在自定义vue校检规则，时出现 callback is not a function问题 F12 打开浏览器控制台查看详细错误：vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in data(): "TypeError: callback is not a function" 2、解决方法（1）检查自定义函数是否有问题，排除自定义函数问题（2）检查校检字段信息 3、解决方法 (1) validator: 自定义..

参与评论您还未登录，请先登录后发表或查看评论

fullcalendar从后台获取events报Uncaught TypeError: callback is not a function

weixin_30832405的博客

10-24

627

今天恰逢1024程序员节，祝包括自己在内的程序员们身体健康，收入多多！　　用fullcalendar做了一个简单的工作日和休息日的排班功能，因为现公司是大小休模式，即一周双休一周单休。把是否上班设置为event的title，events从后台获取： 1 //获取数据后显示在fullcalendar页面 2 events...

在React 中的 refs 何时应该使用回调形式（callback ref）？它与 useRef 有什么区别？

前端大白话

05-20

857

前端小伙伴们，是不是在React开发中被`refs`搞晕过？尤其遇到`callback ref`和`useRef`时，总纠结“这俩到底有啥区别？什么时候该用谁？”今天咱们用大白话唠明白，包你看完就能上手！

Uncaught TypeError: callback is not a function

weixin_52875840的博客

03-10

3174

问题描述：在对注册页面时进行邮箱格式验证，IDEA不报错，但是浏览器没有页面，并且报错如下：解决方案： <template> <div class="register-box"> <el-card shadow="never"> <el-form ref="registerForm" :model="registerUser" :rules="registerUserRules"> ..

关于Vue项目中js报错callback() is not a function

xiao_bai_12138的博客

03-16

5769

关于Vue项目中js报错callback() is not a function 原函数：解决后：即在参数中加入了rule，虽然rule都没有使用，但确实是解决了callback() is not a function

[Vue warn]: Error in event handler for “el.form.blur“: “TypeError: callback is not a function“解决

Sensation_cyq的博客

11-19

4015

allback的简单理解调用一次callback相当于调用一次函数，比如： function f(x) { console.log(x) } function testCallBack(callback) { //关键字callback，表示这个参数不是一个普通变量，而是一个函数 const reg = /^[1-9]*[0-9]?(\\.[0-9]*)?$/; if(value==''||value==undefined||value==null){ callback();/

Error in callback for watcher "form": "TypeError: this.generateDiscountContent is not a function"

07-28

引用\[1\]:这个错误是在created钩子函数中出现的，报错信息是"TypeError: Object(…) is not a func"。引用\[2\]:根据引用\[2\]的解释，这个错误通常是由于赋值类型问题引起的。在使用elementUI框架的el-table组件时...

17:12:46.008 请求失败:, TypeError: res is not iterable at pages/operation/operation.vue:114

07-24

dcWjTitle: data.dcWjTitle || '无标题', dcName: data.dcName || '未知人员', dcDept: data.dcDept || '未知部门' }; } catch (error) { console.error('请求失败:', error); uni.showToast({ title: ...

[Vue warn]: Error in nextTick: "TypeError: _data_formRules__WEBPACK_IMPORTED_MODULE_12__.formRules.validate is not a function" found in ---> <Index> at src/views/business/personnelPage/index.vue <Layout> at src/views/layout/index.vue <App> at src/views/App.vue <Root> warn$2 @ vue.js:4857 logError @ vue.js:3547 globalHandleError @ vue.js:3543 handleError @ vue.js:3511 eval @ vue.js:3640 flushCallbacks @ vue.js:3566 Promise.then timerFunc @ vue.js:3591 nextTick @ vue.js:3648 Vue.$nextTick @ vue.js:2345 handleCompositionEnd @ index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:92 invokeWithErrorHandling @ vue.js:3519 invoker @ vue.js:1461 invokeWithErrorHandling @ vue.js:3519 Vue.$emit @ vue.js:2638 handleCompositionEnd @ index.js:1 invokeWithErrorHandling @ vue.js:3519 invoker @ vue.js:1461 original_1._wrapper @ vue.js:7516 vue.js:3551 TypeError: _data_formRules__WEBPACK_IMPORTED_MODULE_12__.formRules.validate is not a function at VueComponent.eval (index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:93:65) at Array.eval (vue.js:3638:14) at flushCallbacks (vue.js:3566:16)

最新发布

07-29

下面给出修改后的代码片段（仅修改了备注字段和添加了样式）：针对 Vue 项目中输入框高度变化导致布局抖动和 `formRules.validate is not a function` 错误，以下是完整的解决方案： ### 一、解决输入框高度变化...

vue3 Uncaught (in promise) TypeError: callback is not a function的解决方法

花花鱼的专栏

01-19

466

下拉框值改变时去触发@change方法，报Uncaught(inpromise)TypeError:callbackisnotafunction的解决

[Vue warn]: Error in event handler for "el.form.blur": "TypeError: callback is not a function"解决

qq_39946015的博客

03-26

1万+

callback的简单理解调用一次callback相当于调用一次函数，比如： function f(x) { console.log(x) } function testCallBack(callback) { //关键字callback，表示这个参数不是一个普通变量，而是一个函数 const reg = /^[1-9]*[0-9]?(\\.[0-9]*)?$/; if(val...

this.updater.enqueueCallback is not a function

weixin_42793407的博客

06-04

1027

遇到这个问题说明项目中的react 版本有冲突执行 npm list react 解决这个问题的方法第一种办法就是联系组件开发者把组件的react 依赖拿掉，放到peer里第二种办法就是改你项目的webpack配置，然后再改一下你项目的配置文件，把dll拿掉，换上另外一个全局包 ...

mysql callback 事务性_第一次写 node.js , 调用 async. waterfall 里进行 mysql 嵌套循环查询， callback is not a function，有...

weixin_39924481的博客

01-27

248

总是提示 callback is not a function …… 难道回调格式错了？主要想实现的逻辑是操作 mysql 数据库，以第一次查询的结果为条件进行第二次查询，以第二次查询结果为条件进行第三次查询。promobonus= function (eigencode, callback){async.waterfall([function(eigencode,callback){pool....

nodejs中关于回调函数的应用遇到callback is not a function的解决方法

liangwenli_的博客

04-25

3万+

最近在学习nodejs这个服务端开发平台的知识点。一边根据文档学习，一边在写几行测试代码实现有助于了解，在学到回调函数的时候却遇到了callback is not a function的问题。按理说我按照文档代码写的，应该不会出错的，下面是我一开始的时候的代码单纯为了看效果: function doSomething(args, callback) { somethingComplicat...

vue 项目在浏览器控制端报错：Error in v-on handler: “TypeError: xxx is not a function“ 问题分析及解决方式

YHLSunshine的博客

06-05

1万+

vue 项目在浏览器控制端报错：Error in v-on handler: “TypeError: xxx is not a function“ 问题分析及解决方式

Error in v-on handler: “TypeError: this is not a function“

weixin_46076347的博客

05-26

1万+

Error in v-on handler: "TypeError: this is not a function"提示：这里描述项目中遇到的问题：在进行简单登录跳转的测试中，出现Error in v-on handler: "TypeError: this is not a function"的错误 async UserLogin() { try { //登录成功 const {phone, password} = this phone &am

JS中常见的 “函数名 is not a function” 错误