当前位置: 首页 > Web前端 > vue.js

el-tree加载后,默认触发点击事件,默认情况下未选中

时间:2023-03-31 23:56:33 vue.js

如果你浪费了你的年龄,那是很可悲的。因为你的青春只会持续很短的时间——非常短的时间。——王尔德前言最近使用Vue+ElementUI进行开发。遇到部门树功能,我选择了el-tree组件来展示。右侧查询对应部门人员信息,但是官方没有提供默认触发node-click事件,通过google效果图找到相关答案:代码如下watch:{//按名字deptName过滤部门树(val){this.$refs.树.过滤器(val);},//默认点击树的第一个节点deptTreeData(val){if(val){this.$nextTick(()=>{document.querySelector('.el-tree-node__content').click()})}}},通过watch观察对象值的变化,从而获取第一个节点的DOM元素,触发点击事件,相关issue