ant design vue 将表单设置为只读

要将 Ant Design Vue 表单设置为只读，你可以使用 `:disabled` 属性来禁用所有表单控件。例如，下面是一个只读的表单示例：

<template>
  <a-form :model="formData" :disabled="true">
    <a-form-item label="Name">
      <a-input v-model="formData.name" />
    </a-form-item>
    <a-form-item label="Email">
      <a-input v-model="formData.email" />
    </a-form-item>
    <a-form-item>
      <a-button type="primary" @click="submitForm">Submit</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        name: 'John',
        email: 'john@example.com'
      }
    };
  },
  methods: {
    submitForm() {
      // do something
    }
  }
};
</script>

在上面的示例中，我们将 `:disabled` 属性设置为 `true`，这将禁用表单中的所有控件，使其只读。