如果你浪费了自己的年龄,那是挺可悲的。因为你的青春只能持续一点儿时间——很短的一点儿时间。 —— 王尔德 前言 最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了el-tree组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应 ...
前面那篇选中默认节点,有朋友留言说能不能支持自定义节点,自己想了想认为可行,思路主要利用el tree 的current node key 和highlight current属性,如图 代码如下 有几个点需要说明,当开启current node key ,前端生成的树节点元素会带有is current样式,通过这个我们进行判断 注意不要使用setCurrentKey来设置选中节点,实测无效,原因 ...
2020-07-27 15:43 0 1814 推荐指数:
如果你浪费了自己的年龄,那是挺可悲的。因为你的青春只能持续一点儿时间——很短的一点儿时间。 —— 王尔德 前言 最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了el-tree组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应 ...
根据接口获取树结构后,设置默认选中的节点,并高亮 效果图: 官网中对于这两个节点的解释如下:说实话,刚开始有带你没看懂咋弄!!! 代码如下: <el-tree v-loading="loading ...
问题1:左侧图标不想要,换个别的 问题2:通过接口获取树,点击选中某条数据,之后通过接口更新树数据,没有保留选中状态,希望保留 对于问题1: 把想要的图标做成精灵图,然后通过background去设置,具体代码如下: 设置前 设置后 问题2:通过接口 ...
设置默认展开 将default-expanded-keys的值设为想展开的node-key值对应的数组即可,此处的choiceId设置为常量1,展开的是id为1的节点 设置为默认选中转态 设置默认展开后你会惊奇的发现,这没人性的设计居然没有设置选中状态!!!惊喜不惊喜,意外不意 ...
在用到el-tree的懒加载和默认勾选功能时,若第一次勾选前几个连续节点,第二次进入默认勾选时,由于el-tree子节点尚未完全加载(只加载出来前几个),默认勾选已经开始(已加载出来的子节点被默认勾选),这时el-tree会认为子节点全部勾选,所以父节点也被勾选,这就导致所有子 ...
原因:视图并不会随着数据的更新而更新,而element的tree组件是采用赋值的方式进行改变是否勾选。 解决办法:使用setcheckedkeys()这个方法来清空默认勾选项 参考:https://blog.csdn.net/qq_43379916/article/details ...
...
1、原因 先初始化了选中得keys ,后期初始化得树节点无法被设置 2、代码 ...