ant design vue表单取值

在ant design vue中，可以通过v-model指令将表单元素的值绑定到组件中的数据。例如：

<template>
  <a-form :form="form">
    <a-form-item label="用户名">
      <a-input v-model="form.username" />
    </a-form-item>
    <a-form-item label="密码">
      <a-input type="password" v-model="form.password" />
    </a-form-item>
    <a-form-item>
      <a-button type="primary" @click="submitForm">提交</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        username: '',
        password: '',
      },
    };
  },
  methods: {
    submitForm() {
      console.log(this.form.username); // 输出用户名
      console.log(this.form.password); // 输出密码
    },
  },
};
</script>

在上面的例子中，通过v-model指令将输入框的值绑定到组件中的form数据中，然后在提交表单时，可以通过this.form.username和this.form.password获取输入框的值。