vxe-table 节点达成条件后一列都不能操作 附完整代码

对于 vxe-table 组件，可以通过 `edit-config` 属性配置单元格编辑的相关行为，包括通过 `trigger` 属性设置触发编辑的方式，以及通过 `mode` 属性设置编辑模式等。

至于实现“节点达成条件后一列都不能操作”的功能，可以通过以下步骤实现：

1. 在表格的 `columns` 属性中，为需要禁用编辑的列设置 `edit-render` 属性，指定一个自定义的编辑渲染器组件（例如 `DisabledEditRender`）。

2. 在自定义的编辑渲染器组件中，通过 `beforeEdit` 钩子函数检查当前单元格所在行是否满足条件，如果不满足条件，则返回 `false`，阻止单元格进入编辑状态。

下面是一个简单的示例代码，用于实现上述功能：

<template>
  <vxe-table :data="tableData" :columns="columns" :edit-config="editConfig"></vxe-table>
</template>

<script>
import DisabledEditRender from './DisabledEditRender.vue'

export default {
  components: {
    DisabledEditRender
  },
  data() {
    return {
      tableData: [
        { id: 1, name: 'John', age: 20 },
        { id: 2, name: 'Jane', age: 25 },
        { id: 3, name: 'Bob', age: 30 }
      ],
      columns: [
        { field: 'id', title: 'ID', width: 100, editable: false },
        { field: 'name', title: 'Name', width: 100, editRender: 'input' },
        { field: 'age', title: 'Age', width: 100, editRender: 'DisabledEditRender' }
      ],
      editConfig: {
        trigger: 'click',
        mode: 'cell'
      }
    }
  }
}
</script>

其中，`DisabledEditRender` 组件的代码如下：

<template>
  <div>{{cell.value}}</div>
</template>

<script>
export default {
  props: ['cell'],
  methods: {
    beforeEdit() {
      // 判断当前行是否满足条件，这里假设 age 大于等于 30 才禁用编辑
      return this.cell.row.age >= 30
    }
  }
}
</script>

在上述示例代码中，通过为 `age` 列指定 `editRender: 'DisabledEditRender'`，将该列的编辑渲染器设置为 `DisabledEditRender` 组件。在 `DisabledEditRender` 组件中，通过 `beforeEdit` 方法检查当前行是否满足条件，如果不满足条件，则返回 `false`，禁用该单元格的编辑功能。

需要注意的是，为了在表格中使用自定义的编辑渲染器组件，需要在组件中注册该组件，并在表格的 `columns` 属性中指定该组件的名称，或者直接将组件对象赋值给 `edit-render` 属性。另外，需要在表格的 `edit-config` 属性中指定触发编辑的方式和编辑模式等行为。