前言:有些树形控件是需要默认勾选的 但是请求后渲染不显示 刷新外部的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)
})
成功了