avue 编辑时禁用表单

Avue 组件库中，如果你想在编辑模式下禁用 Vue 表单，你可以通过 `v-model` 的动态属性或者 `disabled` 属性来控制。当你需要禁止用户输入时，可以在数据中添加一个布尔值字段，例如 `isEditingDisabled`，然后在模板上绑定这个字段：

<template>
  <form @editing="toggleEditFormDisabled" :disabled="isEditingDisabled">
    <!-- 表单元素 -->
    <input v-model="formData.fieldName" type="text" />
    <!-- 其他表单控件... -->
  </form>
</template>

<script>
export default {
  data() {
    return {
      isEditingDisabled: false, // 初始状态为禁用
      formData: { ... }, // 初始化表单数据
    };
  },
  methods: {
    toggleEditFormDisabled() {
      this.isEditingDisabled = !this.isEditingDisabled; // 根据需要切换表单是否禁用
    },
  },
};
</script>

在这个例子中，当 `isEditingDisabled` 为 true 时，表单就会被禁用。你可以根据实际需求调用 `toggleEditFormDisabled` 方法来控制表单的启用和禁用。