当前位置: 代码迷 >> 综合 >> [Vue warn]: Error in event handler for “el.form.blur“: “TypeError: callback is not a function“解决
  详细解决方案

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

热度:51   发布时间:2024-01-18 18:04:36.0

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();//不传入任何函数名,相当于不执行任何函数}else{if (!reg.test(value)){callback(new Error('请输入正确的价格,保留两位小数'));//相当于执行new Error这个函数} else {callback(c);// 相当于以c作为参数调用函数,由下面的调用可知,这里执行的是f函数,因为我们传进来的函数名是f(),所以此行相当于调用一次f(c)}}
}
var c = 0
writeFile(f) // 函数f作为一个参数传进writeFile函数

下面进入正题,vue.esm.js?efeb:628 [Vue warn]: Error in event handler for “el.form.blur”: "TypeError: callback is not a function"的解决办法

vue中使用callback,如下使用会出现问题:
在这里插入图片描述在这里插入图片描述
callback作为第三个形参,问题可以解决,正确用法:

export function validateFloat(aaa,value,callback) {const reg = /^[1-9]*[0-9]?(\\.[0-9]*)?$/;if(value==''||value==undefined||value==null){callback();}else{if (!reg.test(value)){callback(new Error('请输入正确的价格,保留两位小数'));} else {callback();}}
}

综上,在vue.js中,callback的使用必须作为函数的第三个形参

  相关解决方案