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

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的使用必须作为函数的第三个形参

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值