<template>
<el-tree
ref="Tree"
:data="taskTree"
node-key="id"
/>
</template>
<script>
export default {
data() {
return {
taskTree:[],
};
},
methods: {
//设置默认选中值
setDefault(item) {
this.$nextTick(() => {
//item.id绑定的node-key值
this.$refs.Tree.setCurrentKey(item.id);
});
},
}
};
</script>
<style lang="scss">
//使用的地方 不要加scoped
.el-tree-node.is-current > .el-tree-node__content {
color: #21bb9e !important;
}
</style>
vue Element 修改 tree 选中样式并设置默认选中值
于 2022-03-24 09:07:25 首次发布