TypeError: Cannot read property 'setCheckedKeys' of undefined

Question

在角色资源管理的时候 点击设置资源 弹出资源列表的树 ，并且赋上默认值，但是在第一次调用弹出层的方法，会报这个错，第二次点击的时候不会报这个错 而且 getHalfCheckedKeys也使用不了

 handleSetResource(val) {
    this.Visible = true
    this.Status = 'setResource'
    const currRes = val.resources
    for(const v of currRes){
      console.log(v.id)
      this.$refs.tree.setCheckedKeys([v.id]);
    }
  },
  getHalfCheckedKeys() {
    console.log(this.$refs.tree.getHalfCheckedKeys());
  },

Answer 1

应该是第一次弹框的时候，树还没有加载完成，所以获取不到，第二次的时候树已经加载完成，所以可以调用方法。

Answer 2

在弹出dialog之前执行$nextTick回调函数，确保el-tree已经渲染

this.visible = true;
this.$nextTick(() => {
    // code
});