Cannot read property 'xxxx' of null

在使用的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数据类型的，如果使用的话控制台是会报错的。