vue Element 修改 tree 选中样式并设置默认选中值
vue Element 修改tree选中的样式并设置默认选中的值
·
<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>
更多推荐
已为社区贡献2条内容
所有评论(0)