Commit 45a94e41c1397b84d08373f84f766204d2488714
1 parent
54212112
fix(demo): resolve `key not exist` warnings
修复角色编辑页面可能会出现tree组件报key not exist警告的问题
Showing
1 changed file
with
4 additions
and
1 deletions
src/views/demo/system/role/RoleDrawer.vue
| @@ -47,6 +47,10 @@ | @@ -47,6 +47,10 @@ | ||
| 47 | const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => { | 47 | const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => { |
| 48 | resetFields(); | 48 | resetFields(); |
| 49 | setDrawerProps({ confirmLoading: false }); | 49 | setDrawerProps({ confirmLoading: false }); |
| 50 | + // 需要在setFieldsValue之前先填充treeData，否则Tree组件可能会报key not exist警告 | ||
| 51 | + if (unref(treeData).length === 0) { | ||
| 52 | + treeData.value = (await getMenuList()) as any as TreeItem[]; | ||
| 53 | + } | ||
| 50 | isUpdate.value = !!data?.isUpdate; | 54 | isUpdate.value = !!data?.isUpdate; |
| 51 | 55 | ||
| 52 | if (unref(isUpdate)) { | 56 | if (unref(isUpdate)) { |
| @@ -54,7 +58,6 @@ | @@ -54,7 +58,6 @@ | ||
| 54 | ...data.record, | 58 | ...data.record, |
| 55 | }); | 59 | }); |
| 56 | } | 60 | } |
| 57 | - treeData.value = (await getMenuList()) as any as TreeItem[]; | ||
| 58 | }); | 61 | }); |
| 59 | 62 | ||
| 60 | const getTitle = computed(() => (!unref(isUpdate) ? '新增角色' : '编辑角色')); | 63 | const getTitle = computed(() => (!unref(isUpdate) ? '新增角色' : '编辑角色')); |