ag-grid-vue cellEditingStarted调整单元格背景色

### 回答1：
可以在`vue`组件的`methods`选项中添加一个名为`onCellEditingStarted`的方法，在该方法中使用`event.node.setRowStyle`来设置单元格的背景色。

methods: {
  onCellEditingStarted(event) {
    event.node.setRowStyle({ background: 'red' });
  },
}

然后在ag-grid-vue组件上绑定该方法：

<ag-grid-vue
  @cellEditingStarted="onCellEditingStarted"
  ...
></ag-grid-vue>

这样当编辑一个单元格时，它的背景颜色就会变为红色。

### 回答2：
在ag-Grid Vue中，可以使用cellEditingStarted事件来调整单元格的背景色。

首先，在需要调整背景色的单元格中，可以为该单元格添加一个CSS类名。我们可以通过编写一个回调函数来监听cellEditingStarted事件，并在该事件中添加或移除CSS类名来改变单元格的背景色。

例如，我们可以在data()方法中定义一个变量，用于控制是否添加CSS类名：

data() {
  return {
    cellEditing: false
  }
}

然后，在模板中的需要调整背景色的单元格中，可以根据cellEditing的值来动态绑定CSS类名：

<ag-grid-vue :row-data="rowData" :column-defs="columnDefs" @cellEditingStarted="onCellEditingStarted($event)">
  <ag-grid-column field="name" headerName="Name" :cell-class="{'highlight-cell': cellEditing}"></ag-grid-column>
  ...
</ag-grid-vue>

接下来，在methods中，我们可以编写一个方法来处理cellEditingStarted事件：

methods: {
  onCellEditingStarted(event) {
    this.cellEditing = true;
  }
}

最后，在CSS文件中，我们可以定义一个名为highlight-cell的类来设置需要调整的背景色：

.highlight-cell {
  background-color: yellow;
}

当单元格被编辑时，cellEditingStarted事件将触发onCellEditingStarted方法，该方法将更改cellEditing的值为true，因此单元格的CSS类名将变为highlight-cell，从而调整了单元格的背景色为黄色。

这样，当单元格被编辑时，其背景色将会改变。

### 回答3：
在ag-rid-vue中，可以通过使用cellEditingStarted事件来调整单元格的背景色。

首先，在vue组件中，需要定义一个data属性来存储单元格的背景色。例如，可以定义一个属性名为cellBackgroundColor的data属性，默认值为白色。

然后，在ag-grid-vue组件中，可以通过监听cellEditingStarted事件来触发对应的方法。在方法中，可以获取到正在编辑的单元格的相关信息，如行号、列号等。

在方法中，可以通过修改data属性cellBackgroundColor来改变单元格的背景色。例如，可以将背景色设置为黄色或其他你需要的颜色。

最后，在单元格的样式中，可以通过绑定Vue的class对象来动态设置单元格的背景色。例如，可以绑定一个动态的class对象，class对象的属性名为cellBackgroundColor，属性值为data属性cellBackgroundColor，这样在单元格进行编辑时，单元格的背景色将会改变。

示例代码如下：

<template>
<div>
<ag-grid-vue
:columnDefs="columnDefs"
:rowData="rowData"
@cellEditingStarted="onCellEditingStarted"
:rowClassRules="rowClassRules"
></ag-grid-vue>
</div>
</template>

<script>
export default {
data() {
return {
cellBackgroundColor: 'white',
columnDefs: [...], // 定义列的配置
rowData: [...], // 定义行数据
rowClassRules: { // 定义行样式
'highlight-cell': () => this.cellBackgroundColor !== 'white'
}
}
},
methods: {
onCellEditingStarted(params) {
this.cellBackgroundColor = 'yellow'; // 在单元格进入编辑状态时，将背景色设置为黄色
}
}
}
</script>

<style scoped>
.highlight-cell {
background-color: yellow;
}
</style>

以上代码示例中，通过监听cellEditingStarted事件，在方法中将data属性cellBackgroundColor修改为黄色。然后，在rowClassRules属性中绑定一个动态的class对象，当cellBackgroundColor不为白色时，将应用highlight-cell类，从而改变单元格的背景色为黄色。