解决Vue3中无法使用$ref的问题

vue3.x + TypeScript4.x

1. html设定ref

      <el-form
        class="form"
        ref="formRef"
        :model="info.formData"
        label-width="80px"
        :rules="info.rules"
      >

2. setup内创建formRef变量

const formRef: Ref<typeof ElForm | null> = ref(null)

3. return

return { formRef }

4. 使用

    const onSubmit = (): void => {
      ;(formRef.value as typeof ElForm).validate((valid: boolean) => {
        if (valid) {
          alert('submit!')
        }
        console.log('error submit!!')
        return false
      })
    }