组件函数调用之投机取巧

93 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第3天,点击查看活动详情

前言

树形控件在我们的项目中还是比较常见的,一般的场景就是下图一般,左侧是树形节点,右侧是对应的详情展示之类的。

image.png

点击一级节点跳转的页面是A,点击二级节点跳转的页面是B,在树形控件上点击是没有问题的,el_tree也提供了对应得函数nodeClcik.

需求:在“新增部署单元”左侧添加一个按钮,点击按钮能够跳转到当前二级节点对应的一级节点点击后所跳转的A页面。

一般实现方式

由于不在同一个组件,一般都是先获取树形节点的node值,再调用对应的函数,导致的结果就是要么是一层一层的去找父级组件调用当前函数,要么就是代码复制一遍,然后再去执行相同的函数,搞起来就比较麻烦

偷懒技巧

既然我点击一级节点能达到效果,那我就可以获取dom节点进行自动点击,这样也是一样能达到效果。

前提:树形控件的节点不能太多,如果太多的话还是按照一般方式来搞就好了。