在使用Vue和Element UI的el-tree组件时，如果能获取值但不显示，可能是由于以下原因造成的：
- 数据绑定问题：确保你绑定到
el-tree的数据是正确的，并且是响应式的。 - 数据格式问题：
el-tree需要特定格式的数据，确保你的数据符合el-tree所需要的节点结构，通常是每个节点包含label（显示的文本）和children（子节点）属性。 - 组件属性问题：检查
el-tree的属性设置，如data、props等，确保它们被正确设置。 - CSS样式问题：有可能是样式覆盖导致组件不显示，检查是否有全局样式影响了组件的显示。
解决方法：
- 检查数据是否正确绑定，确保使用
v-model或:data属性按需绑定。 - 确保你的数据结构正确，每个节点都有
label和children属性。 - 仔细检查
el-tree的属性设置，确保它们按照Element UI的要求设置。 - 检查并修正可能的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>确保你的数据结构和属性设置与示例代码一致，如果问题依然存在，可以进一步检查是否有其他全局样式或脚本干扰，或者查看控制台是否有错误信息。