fix: menu selectedKeys & openKeys support deep watch

vueComponent · Mar 23, 2022 · 7bf1e0d · 7bf1e0d
1 parent d137971
commit 7bf1e0d
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/components/menu/src/Menu.tsx b/components/menu/src/Menu.tsx
@@ -139,9 +139,11 @@ export default defineComponent({
     watch(
       () => props.selectedKeys,
       selectedKeys => {
-        mergedSelectedKeys.value = selectedKeys || mergedSelectedKeys.value;
+        if (selectedKeys) {
+          mergedSelectedKeys.value = selectedKeys.slice();
+        }
       },
-      { immediate: true },
+      { immediate: true, deep: true },
     );
 
     const selectedSubMenuKeys = ref([]);
@@ -212,10 +214,10 @@ export default defineComponent({
       () => props.openKeys,
       (openKeys = mergedOpenKeys.value) => {
         if (!shallowEqual(mergedOpenKeys.value, openKeys)) {
-          mergedOpenKeys.value = openKeys;
+          mergedOpenKeys.value = openKeys.slice();
         }
       },
-      { immediate: true },
+      { immediate: true, deep: true },
     );
 
     let timeout: any;