el-tree选中后失去焦点事件如何清除node-click的数据

在Element UI的el-tree组件中，当你希望在用户点击节点并失去焦点后清除`node-click`绑定的数据，你可以利用Vue的生命周期钩子以及`v-model`或自定义的变量来实现这个功能。

首先，在你的组件数据中定义一个用于存储点击节点信息的对象，例如：

data() {
  return {
    selectedNodeData: null,
  };
}

然后，在`el-tree`的`node-click`事件处理器中，将选择的节点数据保存到`selectedNodeData`，并在失去焦点（比如通过`blur`事件监听）后清空它：

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

<script>
export default {
  methods: {
    handleNodeClick(node) {
      this.selectedNodeData = node; // 保存节点数据
      this.$refs.tree.$el.addEventListener('blur', this.handleFocusLost); // 添加失焦事件监听
    },
    
    handleFocusLost() {
      this.selectedNodeData = null; // 当失去焦点时，清除数据
      this.$refs.tree.$el.removeEventListener('blur', this.handleFocusLost); // 移除事件监听
    },
  }
}
</script>

这样，当用户点击节点后，即使他们立即移开焦点，之前选择的节点数据也会被清除。