给表单添加:disabled="true"不生效

如果你在 Ant Design Vue 表单上添加了 `:disabled="true"` 属性，但表单控件并没有被禁用，那么可能是因为你使用了错误的属性名。

在 Ant Design Vue 中，应该使用 `:disabled` 属性来禁用表单控件，而不是 `disabled` 属性。因为 Ant Design Vue 的表单控件是基于 `a-input`、`a-select`、`a-checkbox` 等组件构建的，这些组件的 `disabled` 属性是用来控制控件是否可用的。而 `a-form` 组件的 `:disabled` 属性是用来控制整个表单是否可用的，如果设置为 `true`，则会将表单中的所有控件都禁用。

下面是一个示例，演示如何使用 `:disabled` 属性来禁用 Ant Design Vue 表单控件：

<template>
  <a-form :disabled="true">
    <a-form-item label="Name">
      <a-input :disabled="true" v-model="formData.name" />
    </a-form-item>
    <a-form-item label="Email">
      <a-input :disabled="true" 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>

在上面的示例中，我们将 `a-input` 控件的 `:disabled` 属性设置为 `true`，同时将 `a-form` 控件的 `:disabled` 属性也设置为 `true`，这样就可以禁用整个表单了。