在使用的vue3+element-plus的项目中,我使用了form表单对数据进行校验。
但是使用了:
refDom.value.validate((valid) => {})
后,过一会控制台会报错: Cannot read property 'xxxx' of null,不管怎么定义,都会有这个问题。
后来发现是ref和reactive的原因。
使用reactive,控制台就不报错了,而且使用reactive的时候不需要使用value。
可是为什么呢?
因为ref是用来定义单一的数据类型,比如string,number,boolean等这样的。
reactive则是用来定义json,数组等类型的。
form表单很明显是属于json数据类型的,如果使用的话控制台是会报错的。