有几个点需要说明,当开启current-node-key,前端生成的树节点元素会带有is-current样式,通过这个我们进行判断 注意不要使用setCurrentKey来设置选中节点,实测无效,原因应该是页面元素未加载完成,如图: 整体思路: 后台返回需要点击的节点ID,需要注意的是只能是单个,非数组,格式要求(string, number),通过current-node-key...
有几个点需要说明,当开启current-node-key,前端生成的树节点元素会带有is-current样式,通过这个我们进行判断 注意不要使用setCurrentKey来设置选中节点,实测无效,原因应该是页面元素未加载完成,如图: 在这里插入图片描述 整体思路: 后台返回需要点击的节点ID,需要注意的是只能是单个,非数组,格式要求(string, number),...
最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了el-tree组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应的部门人员信息,但官方没有提供默认触发node-click事件,通过Google找到相关答案 效果图: 代码如下 watch: {// 根据名称筛选部门树deptName(val) {this.$refs...
最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了[el-tree](The world's most popular Vue UI framework)组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应的部门人员信息,但官方没有提供默认触发node-click事件,通过Google找到相关答案 效果图: el-tree 代码如下:...
最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了el-tree组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应的部门人员信息,但官方没有提供默认触发node-click事件,通过Google找到相关答案 效果图: 代码如下
最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了el-tree组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应的部门人员信息,但官方没有提供默认触发node-click事件,通过Google找到相关答案 效果图: 部门树
最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了el-tree组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应的部门人员信息,但官方没有提供默认触发node-click事件,通过Google找到相关答案 效果图: 代码如下
如下所示,怎么判断loadNode全部加载完成了,完成所有tree接口请求后我在另一个接口请求的默认值想赋值到想赋值到defaultExpandedKeys,另一个接口该放到什么时间,用nextTick不行 <el-tree ref="myTree" v-if="treeStatus" :props="props" :load="loadNode" show-checkbox default-expand-all :default-checked-keys...
this.$refs.treeRef.getNode(‘父节点的唯一ID’)5:this.$refs.treeRef.getNode(‘当前节点的唯一D’);6if(node) {7node.loaded =false;8node.expand();//主动调用展开节点方法,重新查询该节点下的所有子节点9}10}, 通过以上的设置就完成了,el-tree组件的懒加载和更新当前的树结构;...