vue3的el-tree的default-checked-keys无法勾选的问题解决

前言:有些树形控件是需要默认勾选的 但是请求后渲染不显示 刷新外部的key值也没有用
看了一下文档 我们使用自带的方法来解决

<el-tree
   node-key="id"
   :data="state.parentMenuList"
   :default-checked-keys="state.checkIdList"
   :check-on-click-node="true"
   lazy
   show-checkbox
   ref="treeRef"
   @check-change="handleCheckChange"
 />

import { onMounted, reactive, nextTick, ref, unref } from 'vue'
const treeRef = ref()
//请求接口后 调用这个方法
nextTick(() => {
   unref(treeRef).setCheckedKeys(state.checkIdList)
})

成功了