Avue点击单元格触发行编辑

要实现 Avue 点击单元格触发行编辑的功能，可以按照以下步骤操作：

1. 在表格配置项中添加 `edit-config` 属性，指定编辑相关的配置项，如下所示：

<avue-crud :columns="columns" :data="data" :edit-config="editConfig"></avue-crud>

...

data() {
  return {
    columns: [...],
    data: [...],
    editConfig: {
      trigger: 'click',
      mode: 'row'
    }
  }
}

其中，`trigger` 属性指定触发编辑的事件，默认为双击；`mode` 属性指定编辑的模式，支持 `cell` 和 `row` 两种模式。

2. 在表格列配置项中添加 `edit-render` 属性，指定编辑时的渲染方式，如下所示：

<avue-crud :columns="columns" :data="data" :edit-config="editConfig"></avue-crud>

...

data() {
  return {
    columns: [
      {
        title: '姓名',
        key: 'name',
        editRender: {
          name: 'avue-input'
        }
      },
      ...
    ],
    data: [...],
    editConfig: {
      trigger: 'click',
      mode: 'row'
    }
  }
}

其中，`editRender` 属性是一个对象，指定编辑时采用的组件和相关配置项，如 `name` 属性指定了采用的组件名称。

3. 在表格中添加 `@edit-callback` 事件处理方法，处理编辑后的回调，如下所示：

<avue-crud :columns="columns" :data="data" :edit-config="editConfig" @edit-callback="handleEdit"></avue-crud>

...

methods: {
  handleEdit(row) {
    console.log('编辑后的行数据：', row)
  }
}

在这个方法中，我们可以拿到编辑后的行数据，并进行相应的处理。

综上所述，以上就是实现 Avue 点击单元格触发行编辑的步骤。