Vue2.0 Form 表单 el-input 失焦改变内容

<template>
  <el-form ref='form' :model='form'>
    <el-form-item label='姓名'>
      <el-input v-model='form.name' @blur='updateName'></el-input>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  data() {
    return {
      form: {
        name: ''
      }
    }
  },
  methods: {
    updateName() {
      // 通过$refs获取表单项并更新内容
      this.$refs.form.validateField('name')
    }
  }
}
</script>
<p>在 updateName 方法中，可以调用表单的 validateField 方法来更新表单项的内容。validateField 方法会重新验证表单项并更新表单项的值。</p>