el-tree-v2虚拟滚动树，实现代码勾选、动态禁用勾选、检索、节点文字label宽度超出滚动等功能

<template>
  <el-tree-v2
    :data="data"
    :props="defaultProps"
    :checkable="true"
    :width="200"
    :height="200"
    @check="onCheck"
    @node-collapse="onNodeCollapse"
    @node-expand="onNodeExpand"
  >
    <template #default="{ data }">
      <span :title="data.label">{{ data.label }}</span>
    </template>
  </el-tree-v2>
</template>
 
<script>
export default {
  data() {
    return {
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      data: [] // 初始化树结构数据
    };
  },
  methods: {
    onCheck(checkedKeys, checkedNodes) {
      // 勾选事件处理
    },
    onNodeCollapse(nodeData, node, instance) {
      // 节点折叠事件处理
    },
    onNodeExpand(nodeData, node, instance) {
      // 节点展开事件处理
    }
  }
};
</script>

这个代码实例展示了如何使用el-tree-v2组件创建一个可勾选的虚拟滚动树，并提供了对节点折叠和展开事件的处理。此外，它还演示了如何使用template插槽来自定义节点内容，包括实现节点文本的动态宽度以适应超长文本。这个例子为开发者提供了一个简洁而强大的基础模板，可以根据具体需求进行扩展和定制。