Ant Design Vue 子组件禁用方法 | 如何禁用子组件

要将子组件禁用，可以在子组件的 props 中添加一个名为 disabled 的属性，并在子组件中根据该属性来控制禁用状态。以下是一个示例：

<template>
  <a-form :form="recordForm">
    <a-divider></a-divider>
    <dynamic-form
      ref="dynamicRef"
      :wrapHeight="360"
      :arr="arr"
      :workId="this.mdl.workId"
      :name="this.mdl.name"
      :compCode="this.mdl.compCode"
      :disabled="isDisabled"  <!-- 添加 disabled 属性 -->
    />
  </a-form>

  <div style="margin-top: 15px;">{{ param.field }}</div>
</template>

<script>
export default {
  data() {
    return {
      isDisabled: true,  // 控制子组件的禁用状态
      // ...
    };
  },
  // ...
};
</script>

在子组件中，根据 disabled 属性来设置禁用状态。以下是一个示例：

<template>
  <a-input v-model="inputValue" :disabled="disabled"></a-input>
</template>

<script>
export default {
  props: {
    disabled: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      inputValue: '',
    };
  },
  // ...
};
</script>

在上面的示例中，当 isDisabled 为 true 时，子组件将被禁用。你可以根据具体的需求来修改这个示例。