vue+typescript+iview表单验证 this.$refs获取问题

问题描述: 使用iview表单验证的时候,validate报错,开始以为是iview表单验证的问题,后来发现是this.$refs的问题

1, 问题如下图

• ts代码

• 报错

  

• 解决办法

  在data里面定义 FormData: any,typescript 是强类型语言,这个属于类型不明确的问题

• 部分代码

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
@Component
export default class AddContacts extends Vue {
  FormData: any
  handleSubmit (name) {
    this.FormData = this.$refs[name]
    this.FormData.validate((valid) => {
      if (valid) {
        this.$Message.success('保存成功!')
      }
    })
  }

• 如有问题,欢迎指正,谢谢

• 本文是原创,如需转载,请注明出处: vue+typescript+iview表单验证 this.$refs获取问题