vue+elementui 写el-tree时可以获取值但是不能显示解决

在使用Vue和Element UI的el-tree组件时，如果能获取值但不显示，可能是由于以下原因造成的：

1. 数据绑定问题：确保你绑定到el-tree的数据是正确的，并且是响应式的。
2. 数据格式问题：el-tree需要特定格式的数据，确保你的数据符合el-tree所需要的节点结构，通常是每个节点包含label（显示的文本）和children（子节点）属性。
3. 组件属性问题：检查el-tree的属性设置，如data、props等，确保它们被正确设置。
4. CSS样式问题：有可能是样式覆盖导致组件不显示，检查是否有全局样式影响了组件的显示。

解决方法：

1. 检查数据是否正确绑定，确保使用v-model或:data属性按需绑定。
2. 确保你的数据结构正确，每个节点都有label和children属性。
3. 仔细检查el-tree的属性设置，确保它们按照Element UI的要求设置。
4. 检查并修正可能的CSS样式问题。

示例代码：

<template>
  <el-tree
    :data="treeData"
    node-key="id"
    :props="defaultProps"
    :highlight-current="true"
    :expand-on-click-node="false"
  ></el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      treeData: [
        {
          id: 1,
          label: 'Node 1',
          children: [
            {
              id: 2,
              label: 'Child 1-1'
            }
          ]
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    };
  }
};
</script>

确保你的数据结构和属性设置与示例代码一致，如果问题依然存在，可以进一步检查是否有其他全局样式或脚本干扰，或者查看控制台是否有错误信息。