element el-tree组件@change事件怎么判断是选中还是取消选中

在`el-tree`组件中，`@change`事件会返回一个参数`checkedKeys`，它是一个数组，包含当前选中的所有节点的`key`值。如果一个节点被选中，则其`key`值会被添加到`checkedKeys`数组中，如果一个节点被取消选中，则其`key`值会从`checkedKeys`数组中移除。因此，我们可以通过判断`checkedKeys`数组中是否包含某个节点的`key`值来判断这个节点是被选中还是被取消选中。具体代码可以参考如下：

<template>
  <el-tree :data="data" show-checkbox @change="handleTreeChange"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          id: 1,
          label: '一级节点',
          children: [
            {
              id: 2,
              label: '二级节点1'
            },
            {
              id: 3,
              label: '二级节点2'
            }
          ]
        }
      ]
    }
  },
  methods: {
    handleTreeChange(checkedKeys) {
      const node = this.$refs.tree.getNode(checkedKeys[0]); // 获取选中/取消选中的节点
      if (node.checked) {
        console.log(`${node.label}被选中了`);
      } else {
        console.log(`${node.label}被取消选中了`);
      }
    }
  }
}
</script>

在上面的代码中，我们通过`getNode`方法获取选中/取消选中的节点，并根据节点的`checked`属性来判断节点是被选中还是被取消选中。