根据提供的代码,可以看出'resFormRef'是一个引用(ref)类型的变量,因此在调用'resFormRef.value.validate()'时会出现错误。

要解决这个问题,可以将'resFormRef'定义为响应式对象,而不是引用类型的变量。这样就可以直接调用'resFormRef.validate()'方法。

修改代码如下:

const resFormRef = reactive(ElForm);

然后在'el-form'标签上绑定'ref'属性:

<el-form ref='resFormRef' :model='queryParams2' label-position='right' label-width='90px'>

这样就可以使用'this.$refs.resFormRef.validate()'来执行表单的验证操作。

Vue.js 中 el-form 表单验证报错:'roleFormRef.value.validate is not a function' 的解决方法

原文地址: https://www.cveoy.top/t/topic/pjv1 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录