element的tree设置点击节点时给该节点添加类名“your-class-name”并清除其他节点的“your-class-name”

在Element UI库中，如果你想要实现树状组件（如`el-tree`）点击节点时动态添加或移除特定的类名（例如"your-class-name"），你可以通过监听节点的`click`事件，并在回调函数中操作当前选中的节点。下面是一个简单的示例：

<template>
  <el-tree
    :data="treeData"
    @node-click="handleNodeClick"
    ref="treeRef"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [], // 树形数据
      classNameToRemove: 'your-class-name', // 需要清除的类名
      currentTreeNode: null, // 当前选中的节点
    };
  },
  methods: {
    handleNodeClick(node) {
      this.$refs.treeRef.$el.classList.remove(this.classNameToRemove); // 清除所有节点的类名

      if (node) { // 如果有点击的节点
        node.data.class = 'your-class-name'; // 添加到当前节点
        this.currentTreeNode = node; // 更新当前选中的节点
      } else {
        this.currentTreeNode = null;
      }
    },
  },
};
</script>

在这个例子中，`handleNodeClick`方法会清除所有节点的`your-class-name`类，然后只在点击的节点上添加这个类。如果用户未点击任何节点，则`currentTreeNode`将被设为`null`。