v-decorator 获取input值

### 回答1：
v-decorator 是一个 Vue.js 的指令，用于在表单元素上绑定校验规则。它并不能直接获取 input 值，但可以通过在表单元素上绑定 v-model 指令来获取 input 值。同时，v-decorator 还提供了一些校验相关的方法和属性，可以帮助我们更方便地进行表单校验。

### 回答2：
v-decorator是antd特有的一个Vue指令，主要用于实现表单验证，可以方便地对表单控件进行属性绑定，在表单校验时生成错误提示信息，在表单提交时统一校验表单数据。

v-decorator可以与输入框（Input）、下拉选择（Select）、单选框（Radio）、复选框（Checkbox）等表单组件一起使用。在一个Input组件上使用v-decorator指令时，可以通过this.\$refs.{v-decorator的name属性}获取其value值。

使用v-decorator的步骤如下：

1. 在template中使用Input等表单组件，同时在Input上使用v-decorator指令，设置name、rules等属性。

<template>
  <a-form>
    <a-form-item label="用户名">
      <a-input v-decorator="{name: 'username', rules: [{required: true, message: '请输入用户名'}]}"/>
    </a-form-item>
  </a-form>
</template>

2. 在script中引入v-decorator，并定义一个form对象，将form作为data返回。

import {Form, Input} from 'ant-design-vue';
export default {
  components: {
    'a-form': Form,
    'a-form-item': Form.Item,
    'a-input': Input
  },
  data() {
    return {
      form: this.\$form.createForm(this)
    }
  }
}

3. 在methods中定义handleSubmit()方法，通过form.validateFields()方法校验表单数据，在表单数据校验通过时执行表单提交操作。

import {Form, Input} from 'ant-design-vue';
export default {
  components: {
    'a-form': Form,
    'a-form-item': Form.Item,
    'a-input': Input
  },
  data() {
    return {
      form: this.\$form.createForm(this)
    }
  },
  methods: {
    handleSubmit() {
      this.form.validateFields((err, values) => {
        if (!err) {
          console.log(values); // 获取表单数据
          // 执行表单提交操作
        }
      });
    }
  }
}

4. 在template中添加一个按钮，用于表单提交时调用handleSubmit()方法。

<template>
  <a-form>
    <a-form-item label="用户名">
      <a-input v-decorator="{name: 'username', rules: [{required: true, message: '请输入用户名'}]}"/>
    </a-form-item>
    <a-form-item>
      <a-button type="primary" @click="handleSubmit">提交</a-button>
    </a-form-item>
  </a-form>
</template>

这样，在调用handleSubmit()方法时，可以通过this.form.validateFields()方法获取Input组件中所输入的值，从而实现了通过v-decorator获取input值的功能。

### 回答3：
v-decorator是Ant Design Vue中的一个验证器，可以帮助开发者在表单验证时进行简单的字段验证和提示。通过使用v-decorator，我们可以很方便地获取input的值。

v-decorator通过以下两个属性来获取input的值：

1. valuePropName：通过该属性，我们定义需要获取的input的值的属性名。默认值为"value"，即获取input的value值。

2. trigger：通过该属性，我们定义input的值的变化触发时机，即什么样的操作会触发v-decorator进行验证和获取最新的值。常用的触发方式包括onChange、onBlur和onFocus。默认值为"onChange"，即在每次input value变化时进行验证。

除此之外，我们还可以通过ref来获取input的值。只需在input标签上添加ref="inputId"属性，然后在script中使用this.$refs.inputId.value即可获取input的值。

综上所述，通过v-decorator和ref这两种方式，我们可以很方便地获取input的值，并对其进行验证和提示。在实际开发中，我们可以根据需要选择不同的方式来获取input的值。