使用elmentplus及vue-virtual-scroller，写一个el-tree-select-v2

要在Element Plus中结合Vue Virtual Scroll Library（vue-virtual-scroller）来实现一个高性能的`el-tree-select-v2`组件，首先你需要安装相关的依赖包。在你的项目中运行以下命令：

npm install element-plus vue-virtual-scroller
# 或者使用yarn
yarn add element-plus vue-virtual-scroller

接下来，创建一个新的`ElTreeSelectV2.vue`文件，然后编写如下代码：

<template>
  <div class="tree-select-v2">
    <el-tree
      :data="lazyData"
      :props="defaultProps"
      ref="tree"
      lazy
      @node-expand="handleNodeExpand"
      @node-collapse="handleNodeCollapse"
      :load="loadNode"
      class="virtual-scroll-tree"
    ></el-tree>
    <el-loading v-if="isLoading" slot="loading" spinner></el-loading>
  </div>
</template>

<script>
import { Tree, TreeNode } from 'element-plus';
import VueVirtualScroll from 'vue-virtual-scroller';

export default {
  components: {
    ElTree: Tree,
  },
  directives: {
    virtualScroll: VueVirtualScroll,
  },
  data() {
    return {
      lazyData: [],
      defaultProps: {
        children: '__children__', // 标识节点的子节点属性
        id: '__id__', // 标识节点的唯一标识
      },
      isLoading: false,
    };
  },
  methods: {
    loadNode(node) {
      this.isLoading = true;
      setTimeout(() => {
        const children = // 从后端API或本地模拟数据获取子节点，这里只是一个示例
        node.loadSuccess({ children });
        this.isLoading = false;
      }, 1000);
    },
    handleNodeExpand(node) {
      if (node.children && node.children.length > 0) {
        // 节点有子节点时展开
        this.loadNode(node);
      }
    },
    handleNodeCollapse(node) {
      // 如果需要，可以在这里取消正在加载的请求
    },
  },
};
</script>

<style scoped>
.tree-select-v2 {
  width: 100%;
}

.virtual-scroll-tree {
  overflow-y: auto;
}
</style>

这个例子中，我们设置了`el-tree`组件为懒加载模式，并添加了`loadNode`方法来处理节点加载。在`handleNodeExpand`方法中，当用户点击展开节点时，会触发加载操作。`vue-virtual-scroller`则通过监听滚动事件自动滚动和加载新的可见节点。

注意，为了实际地从后端获取数据，你需要替换`handleNodeLoad`中的`const children = ...`为实际的网络请求，或者使用模拟数据替换。