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獲取問題