elemtnui 表单禁用状态用计算属性还是事件比较好

在 Element UI 中，禁用表单的状态可以使用计算属性或事件来处理，具体取决于你的需求和实际情况。

如果禁用表单的状态是基于一些简单的逻辑判断（例如，根据某个条件来判断是否禁用），那么使用计算属性是比较合适的。计算属性可以根据数据的变化自动更新，当条件满足时返回 `true`，否则返回 `false`。这样，在模板中可以直接使用计算属性来设置表单的禁用状态。

例如，在模板中使用计算属性来禁用表单：

<template>
  <div>
    <el-form :disabled="isFormDisabled">
      <!-- 表单内容 -->
    </el-form>
  </div>
</template>

然后，在 Vue 实例中定义计算属性 `isFormDisabled`：

<script>
export default {
  computed: {
    isFormDisabled() {
      // 根据条件来判断是否禁用表单
      return this.someCondition;
    }
  },
};
</script>

如果禁用表单的状态是需要在特定的事件或逻辑中进行动态处理（例如，点击按钮后禁用表单），那么可以使用事件来处理。在事件中根据需要的逻辑来修改表单的禁用状态。

例如，在点击按钮后禁用表单：

<template>
  <div>
    <el-form :disabled="disabledForm">
      <!-- 表单内容 -->
    </el-form>
    <el-button @click="disableForm">禁用表单</el-button>
  </div>
</template>

然后，在 Vue 实例中定义对应的方法来处理禁用表单的逻辑：

<script>
export default {
  data() {
    return {
      disabledForm: false
    };
  },
  methods: {
    disableForm() {
      this.disabledForm = true;
    }
  },
};
</script>

通过点击按钮触发 `disableForm` 方法，将 `disabledForm` 属性设置为 `true`，从而禁用表单。

综上所述，如果禁用表单的状态是基于简单的逻辑判断，使用计算属性比较合适；如果禁用表单的状态需要在特定的事件或逻辑中进行动态处理，使用事件来修改表单的禁用状态更适合。