关于element-ui tree树形控件中:default-checked-keys的问题

  :default-checked-keys="defaultCheckedKeys"
   ref="rightsTree"
defaultCheckedKeys:[]
 this.$nextTick(() => {
        this.$refs.rightsTree.setCheckedKeys(this.defaultCheckedKeys);
      });
https://blog.csdn.net/DarkHorseK/article/details/102540279

实例关于element-ui tree树形控件中:default-checked-keys的问题_第1张图片
在这里插入图片描述关于element-ui tree树形控件中:default-checked-keys的问题_第2张图片
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。
关于element-ui tree树形控件中:default-checked-keys的问题_第3张图片
效果图
关于element-ui tree树形控件中:default-checked-keys的问题_第4张图片

你可能感兴趣的:(笔记)