TypeError: Cannot read property 'setCheckedKeys'

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});