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数据类型的,如果使用的话控制台是会报错的。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章