美文网首页
antdvue实现默认点击第一个树(tree)节点

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

作者: 我背井离乡了好多年 | 来源:发表于2021-07-08 13: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

相关文章

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

    一、首先解决这个方法的思路很多,这里我分析两种.第一,点击树节点是为了干什么,我们直接把点击树节点这个事情转化为结...

  • 2022-04-13

    element tree 使用 append或者insertBefore 动态添加子节点 要实现的效果,点击父节点...

  • element-ui Tree组件获取父节点id

    问题 Tree组件默认无法获取父节点id 解决方案 没有实现按需引入 node_modules->element-...

  • Swift 5.3 数据结构 —— 树 Tree

    树 Tree 树型结构是一种嵌套结构,一种非线性数据结构。一个树由多个节点组成,第一个节点称为根节点(root),...

  • creator 触摸吞噬问题

    Creator 中默认吞噬所有点击事件,只要你的上层节点注册了点击事件,下面的节点无法接收点击。通过以下方法可实现...

  • PAT-A -1043 Is It a Binary Searc

    1043 Is It a Binary Search Tree (25) 模板题:树的创建(插入节点,新建节点)树...

  • 数据库索引为什么使用B+树?

    概述 B tree: 二叉树(Binary tree),每个节点只能存储一个数。B-tree:B树(B-Tree...

  • B+树的Java实现

    B+树的Java实现(B+ Tree) - 桐小目的秘密基地 - CSDN博客· 定义 M阶树每个节点最多有M个子...

  • 红黑树

    R-B Tree,全称是Red-Black Tree,又称为“红黑树”,红黑树的每个节点上都有存储位表示节点的颜色...

  • 二叉树相关概念

    树(Tree)的基本概念 节点、根结点、父节点、子节点、兄弟节点 一棵树可以没有任何节点,称为空树 一棵树可以只有...

网友评论

      本文标题:antdvue实现默认点击第一个树(tree)节点

      本文链接:https://www.haomeiwen.com/subject/myttpltx.html