antdvue实现默认点击第一个树(tree)节点

2021-07-08  本文已影响0人  我背井离乡了好多年

一、首先解决这个方法的思路很多,这里我分析两种.第一,点击树节点是为了干什么,我们直接把点击树节点这个事情转化为结果来做.比如它的结果是调用一个函数,传两个参数进去执行.第二,原生操作dom
二、原生操作dom
1.先看要实现的效果


1.png

2.获取树的dom不要在mounted进行,此时树的数据可能都还没组织好,树还没渲染


2.png

3.定义一个获取树中第一个子节点的方法,这里要用到选择器.bb就是树中点击的那个节点.
注意:点击其它节点都无效,这里需要自己多实验下.


3.png

4.在获取到树的数据后,再进行获取,实现点击


4.png

5.为方便复制,贴源码

        let aa = document.querySelector('.myTree>ul>li>ul').firstChild
        console.log(aa.children[1])
        let bb = aa.children[1]
        bb.click()

6.树上有一个默认选中的属性,但是只能实现默认选中无法实现点击


Snipaste_2021-07-08_14-02-54.png
上一篇 下一篇

猜你喜欢

热点阅读