el-tree动态添加子节点的问题

如果我们需要动态往el-tree里面某一个节点添加子节点,追加或删除,我跟你讲,一定要显式地调用el-tree的方法,不然的话,后面调用setChecked这种方法看不到效果的。

比如el-tree绑定的data如下:
[{id:"1“,label:"父1”,children:[]}]

el-tree指定node-key=‘id’, 然后在一个mounted之后的事件(比如某个按钮的点击事件)中往data的第一个元素的children里面添加一个node,新data如下:
[{id:"1“,label:"父1”,children:[id:“1-2”,label:“子”,children:[]]}]

这时候,如果你没有显示地调用el-tree的append方法的话,页面当中的el-tree仍然会正常地显示新加元素,于是我还以为好了呢。

但是我要是想添加新元素的同时给他设置checked状态,调用el-tree的setChecked方法,会发现新加元素的checked的设置死活不起效果。

通过调试源码,才发现,必须得显示调用append方法:
在这里插入图片描述
吐血啊,一定要记住啊,el-tree坑真多,关键是悄咪咪的坑, 不注意不知道。还以为好的呢。

在此记录,方便日后查阅。

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-18 18:46:02       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-18 18:46:02       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-18 18:46:02       58 阅读
  4. Python语言-面向对象

    2024-07-18 18:46:02       69 阅读

热门阅读

  1. C语言 goto语句

    2024-07-18 18:46:02       19 阅读
  2. llama-cpp-python

    2024-07-18 18:46:02       21 阅读
  3. sqlalchemy定期保持mysql连接活跃

    2024-07-18 18:46:02       19 阅读
  4. 如何处理客户暗战

    2024-07-18 18:46:02       19 阅读
  5. 数据库:SQL 函数有哪些?

    2024-07-18 18:46:02       25 阅读
  6. C++中const修饰指针的范围

    2024-07-18 18:46:02       19 阅读
  7. X86架构和ARM架构的区别

    2024-07-18 18:46:02       19 阅读
  8. C# 使用模式匹配的好处,因为好用所以推荐~

    2024-07-18 18:46:02       25 阅读