avue-crud 行编辑联动赋值

Avue-Crud 是一个基于 Vue.js 的轻量级表格组件库，它提供了一个易于使用的 API 来创建表单和数据管理功能，包括行编辑（row editing）。其中的行编辑联动赋值主要是指当用户在某一列进行了修改后，对应的关联字段会实时更新，这种设计便于用户高效地处理大量数据。

在 Avue-Crud 中，通常通过事件驱动的方式实现行编辑联动。例如，当用户在某一行的某个字段输入完成后，`@change` 或 `@input` 事件会被触发，然后你在事件处理器中可以获取到当前行的数据，并同步更新其他关联字段。这个过程涉及到了 Vue 的响应式系统，即当你操作的数据发生变化时，视图会自动更新。

以下是简化的示例代码片段：

<template>
  <avue-table :data="tableData" @edit-change="handleEditChange">
    <!-- 表格列 -->
    <template slot="cell" slot-scope="{ row }">
      <!-- 使用 v-model 或 @input 绑定行内编辑控件 -->
      <input type="text" v-model="row.yourAssociatedField" />
    </template>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // ...
      ],
      // 这里是用于存储每个编辑行数据的对象属性
      editedRow: {}
    };
  },
  methods: {
    handleEditChange(row) {
      // 当编辑完成并保存时，将当前行的数据绑定回 editedRow 对象
      this.editedRow = row;
      // 然后你可以在这里同步更新关联字段或者其他需要联动的地方
      this.updateOtherFields(this.editedRow);
    },
    updateOtherFields(row) {
      // 更新其他关联字段的逻辑...
    }
  }
};
</script>