【java】872. Leaf-Similar Trees

问题原文https://leetcode-cn.com/problems/leaf-similar-trees/description/

这道题的思路很简单,就是进行后序遍历。

public boolean leafSimilar(TreeNode root1, TreeNode root2) {
        List<Integer> l1 = new LinkedList<>();
        List<Integer> l2 = new LinkedList<>();
        
        search(root1,l1);
        search(root2,l2);
        
        if(l1.size()!=l2.size()) return false;
        for(int i = 0;i < l1.size();i++) {
        	if(l1.get(i)!=l2.get(i)) return false;
        }
        return true;
    }
	public void search(TreeNode root,List<Integer> res) {
		if(root == null) return;
		search(root.left,res);
		search(root.right,res);
		if(root.left == null&&root.right == null) res.add(root.val);
	}
}

 

### 修改 Element UI 树节点样式 为了实现在 Element UI 的 `el-tree` 中隐藏叶子节点旁边的复选框并显示非叶子节点的复选框,可以通过自定义 CSS 样式来完成。以下是具体的解决方案: #### 自定义 CSS 实现 通过覆盖默认的 `.el-checkbox` 显示逻辑,可以控制哪些节点的复选框应该被隐藏或展示。 ```css /* 隐藏所有复选框 */ .el-tree .el-tree-node__content .el-checkbox { display: none; } /* 仅在非叶子节点上重新启用复选框 */ .el-tree .el-tree-node:not(.is-leaf) .el-checkbox { display: inline-block; } ``` 上述代码的作用如下: - 使用第一个规则隐藏所有的复选框[^1]。 - 使用第二个规则针对非叶子节点(即带有子节点的节点),重新启用其复选框[^2]。 #### Vue 组件中的应用示例 如果需要将此样式应用于特定组件,则可以在 `<style scoped>` 或全局样式文件中引入这些规则。以下是一个完整的 Vue 组件示例: ```vue <template> <div class="custom-tree"> <el-tree :data="treeData" show-checkbox node-key="id" default-expand-all /> </div> </template> <script> export default { data() { return { treeData: [ { id: 1, label: 'Parent Node', children: [ { id: 2, label: 'Child Leaf' }, { id: 3, label: 'Another Child Leaf' } ] } ] }; } }; </script> <style scoped> .custom-tree .el-tree .el-tree-node__content .el-checkbox { display: none; } .custom-tree .el-tree .el-tree-node:not(.is-leaf) .el-checkbox { display: inline-block; } </style> ``` 在此示例中: - 定义了一个简单的树形结构数据 `treeData`。 - 应用了前面提到的 CSS 规则以实现所需的效果。 #### 注意事项 1. 如果项目中有多个 `el-tree` 并希望只影响其中一个实例,请确保为其添加唯一的类名(如上面的 `.custom-tree`)以便精确作用于目标元素[^3]。 2. 不同版本的 Element UI 可能存在渲染差异;若发现效果异常,请检查实际 DOM 结构并与文档对比调整选择器路径[^4]。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值