饿了么树形组件默认选中并高亮显示

AI摘要:本文介绍了饿了么树形组件默认选中并高亮显示节点的方法:设置highlight-current属性、添加ref引用、指定node-key标识节点,并在组件渲染后通过$nextTick和setCurrentKey方法实现默认选中。

水文一篇,项目中树加载出来的时候默认需要高亮某个节点。

  1. 设置高亮显示的属性

    :highlight-current="true"
  2. 设置ref属性,可以进行操作对象

    ref="treeDemo"
  3. 设置node-key,标识树节点的属性

    node-key="name"
  4. 组件渲染完成之后执行this.$nextTick

    this.$nextTick(() => {
      this.$refs.treeDemo.setCurrentKey(treedata[0].name); 
    });

仅有一条评论

添加新评论