vue+ts+element ui的项目在进行自定义表单校验时获取不到form

在Vue+TS+Element UI项目中进行自定义表单校验时,开发者遇到无法获取this.form的问题。通过分析,发现原因是使用了箭头函数导致this指向错误。解决方案是避免使用箭头函数,改用普通函数,确保this指向Vue实例,从而能正确访问this.form。
摘要由CSDN通过智能技术生成

今天在项目中进行自定义表单校验的时候,遇到了获取不到this.form的情况
其实呢,这个问题之前在做一个动态表单验证的时候就遇到过,this.form获取不到值,当时是采用this.$set的方法进行赋值,比如this.此处是美元符号set(form,id,res.id),然后就可以获取到对应的this.form.id的值。
今天呢又遇到了这个情况,之前用set没有用了,然后我就试着在自定义表单校验方法里去console.log(this),结果发现this并不是指向的表单实例,后来发现每一个要去表单校验的值都要在form-item 里 prop定义出来,这样才能在表单校验中获取
在这里插入图片描述
但是项目里有一个验证项,需要判断多个条件,然后获取的值会有好几个,这个时候可以定义出几个空的form-item项,但是这样并不优雅。。。。。。
后来经过长时间的研究,为什么自定义里的表单验证的this不能指向vue实例呢?其实是因为官方文档里的那个坑爹的箭头函数在这里插入图片描述
不用箭头函数去写自定义的规则,就用普通的函数去写,就能获取到了this以及this.form了

private 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值