tree组件第一次回显正常，第二次不回显了？

Question

<el-tree
            ref="treeRef"
            :data="dataTree"
            :props="defaultProps"
            node-key="id"
            show-checkbox
            default-expand-all
            :check-strictly="true"
            :default-checked-keys="check_id"
            @check-change="handleNodeClick"
          />

const props = defineProps<{
  dialogEdit: boolean;
  ID: Array<string>;
}>();
watch(
  () => props.dialogEdit,
  () => {
    dialogEdit.value = props.dialogEdit; /// 弹窗显示的值
    check_id.value = props.ID; /// tree组件回显的值
    console.log("111111111111111111", check_id.value);
    getTree();
  }
);

Answer 1

Element-ui中关闭dialog时隐藏组件并销毁原创,你可以搜一下这个
大概意思就是给dialog 增加 v-if

Answer 2

你用的是 :default-checked-keys="check_id"，看上去只在首次渲染生效。

你可以用 check_id 给 tree 做个 key。

Answer 3

官网没有提供类似check_ids（选中的节点数组）这样的属性

所以只能调用实例的方法 去设置选中的节点