在Element UI中，如果Tree组件的默认高亮显示无效，可能是由于以下原因造成的：
- 样式覆盖：其他CSS规则可能覆盖了Element UI的默认样式。
- 错误的节点属性设置：确保你设置的节点属性（如
highlight）是正确的。 - 组件状态未正确更新：确保你的节点数据是响应式的，并且Tree组件的状态也是最新的。
解决方法：
- 检查并修正CSS覆盖问题。确保你的自定义CSS没有覆盖掉Element UI的默认样式。
- 确保你使用的节点属性是
default-expanded-keys和current-key来控制默认展开和高亮的节点。 - 使用Vue的
this.$set方法或Vue.observable来保证节点数据的响应式。 - 如果以上方法都不能解决问题，可以尝试使用Vue Devtools检查组件状态，确保Tree组件正确渲染。
示例代码：
<template>
<el-tree
:data="treeData"
:props="defaultProps"
:default-expanded-keys="defaultExpandedKeys"
:current-key="defaultHighlightKey"
></el-tree>
</template>
<script>
export default {
data() {
return {
treeData: [...], // 树形数据
defaultProps: {
children: 'children',
label: 'label'
},
defaultExpandedKeys: [节点ID], // 要默认展开的节点ID数组
defaultHighlightKey: 节点ID // 要默认高亮的节点ID
};
}
};
</script>确保你已经正确地设置了defaultExpandedKeys和current-key属性，并且它们指向的节点ID在你的树形数据中确实存在。