avue-crud中form表单如何设置新增时可以操作,编辑时部分字段只读.置灰

在 Avue CRUD 中，可以通过设置 `:disabled` 属性来控制表单的可编辑性。具体而言，可以通过以下步骤来实现新增时可以操作，编辑时部分字段只读或置灰的效果：

1. 在 `columns` 中定义需要设置只读或置灰的字段，并为其添加 `:disabled` 属性：

columns: [
  {
    label: '姓名',
    prop: 'name',
    disabled: false // 新增和编辑时都可编辑
  },
  {
    label: '年龄',
    prop: 'age',
    disabled: true // 编辑时只读
  },
  {
    label: '性别',
    prop: 'gender',
    disabled: true // 编辑时只读
  },
  {
    label: '地址',
    prop: 'address',
    disabled: true // 编辑时只读
  }
]

2. 在 `form-config` 中设置 `:disabled` 属性，用于控制整个表单的可编辑性：

formConfig: {
  disabled: false // 默认情况下表单可编辑
}

3. 在 `create` 和 `update` 方法中，根据当前操作是新增还是编辑来设置 `:disabled` 属性的值：

methods: {
  create() {
    // 新增时，所有字段都可编辑
    this.formConfig.disabled = false;
    // 执行新增操作
    ...
  },
  update(row) {
    // 编辑时，只读或置灰指定的字段
    this.formConfig.disabled = true;
    // 执行编辑操作
    ...
  }
}

通过以上步骤设置后，新增时所有字段都可编辑，编辑时部分字段只读或置灰。