el-tree里面的show-checkbox选中后在其他地方显示

你可以使用 el-tree 组件中的 show-checkbox 属性来显示复选框，并通过其他方式来获取选中的复选框值。

首先，在 el-tree 组件上添加 show-checkbox 属性，将其设置为 true：

<el-tree :data="treeData" show-checkbox></el-tree>

然后，在你的 Vue 实例中，你可以使用 @check-change 事件来监听复选框的变化，并在其他地方显示选中的复选框值。你可以在 @check-change 事件处理程序中更新一个数组或对象来保存选中的复选框值。

<template>
  <div>
    <el-tree :data="treeData" show-checkbox @check-change="handleCheckChange"></el-tree>
    <div>
      Selected Values: {{ selectedValues }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        // 树形数据
      ],
      selectedValues: [] // 保存选中的复选框值
    };
  },
  methods: {
    handleCheckChange(checkedNodes) {
      this.selectedValues = checkedNodes.map(node => node.label); // 更新选中的复选框值
    }
  }
};
</script>

在上面的示例中，我们定义了一个名为 selectedValues 的数组，用于保存选中的复选框值。在 handleCheckChange 方法中，我们使用 map 函数将选中的节点转换为标签，并将结果赋值给 selectedValues 变量。然后，你可以在页面上显示 selectedValues 变量的内容，从而在其他地方显示选中的复选框值。