element ui 的树形组件绑值问题

Question

项目中用到element UI 的树形组件tree，现在是希望组件中选中的项在打开页面时能够显示出来，自己向后台请求到数据之后，赋值给了default-checked-keys中的变量，是数组形式，可是页面中就是不显示，然而，写成静态的数组就能显示在页面中，实在不明白原理，希望知道的大神们能够指点一下。相关代码如下：template中内容：                        <el-tree                          :data="user_role"                          show-checkbox                          node-key="user_id"                          :default-expanded-keys="[2, 3]"                          :default-checked-keys="checkedStaffIds"                           :filter-node-method="filterNodeBefore"                          :props="defaultProps"                            ref="editStaff"                          >                        </el-tree>js部分：    getUser(){            let self = this;            console.log(this.EditForm.id);            axios.get('/role/showUser',{                params:{                    role_id:this.EditForm.id                        }                    }                ).then(function(response){                    self.checkedStaffIds = response.data.contents.look_user;                    console.log(self.checkedStaffIds);            })        },                数据格式：上面赋值给checkedStaffIds 没有用，但是在data数据中直接写成下面这样却可以绑定成功：求教求教~

Answer 1

是不是你异步请求前就初始化了tree 你可以加上个v-if判断 默认checked有值后再加载组件