diff --git a/frontend/src/views/chart/group/Group.vue b/frontend/src/views/chart/group/Group.vue
index 6a6f96d4e5..b58e414370 100644
--- a/frontend/src/views/chart/group/Group.vue
+++ b/frontend/src/views/chart/group/Group.vue
@@ -252,7 +252,7 @@ export default {
       expandedArray: [],
       groupForm: {
         name: '',
-        pid: null,
+        pid: '0',
         level: 0,
         type: '',
         children: [],
@@ -451,7 +451,7 @@ export default {
       this.editGroup = false
       this.groupForm = {
         name: '',
-        pid: null,
+        pid: '0',
         level: 0,
         type: '',
         children: [],
diff --git a/frontend/src/views/dataset/group/Group.vue b/frontend/src/views/dataset/group/Group.vue
index 137bfb2cb0..6c8d1b15aa 100644
--- a/frontend/src/views/dataset/group/Group.vue
+++ b/frontend/src/views/dataset/group/Group.vue
@@ -285,7 +285,7 @@ export default {
       expandedArray: [],
       groupForm: {
         name: '',
-        pid: null,
+        pid: '0',
         level: 0,
         type: '',
         children: [],
@@ -293,7 +293,7 @@ export default {
       },
       dsForm: {
         name: '',
-        pid: null,
+        pid: '0',
         level: 0,
         type: '',
         children: [],
@@ -508,7 +508,7 @@ export default {
       this.editGroup = false
       this.groupForm = {
         name: '',
-        pid: null,
+        pid: '0',
         level: 0,
         type: '',
         children: [],
@@ -629,7 +629,7 @@ export default {
       this.moveGroup = false
       this.groupForm = {
         name: '',
-        pid: null,
+        pid: '0',
         level: 0,
         type: '',
         children: [],
@@ -656,7 +656,7 @@ export default {
       this.moveDs = false
       this.dsForm = {
         name: '',
-        pid: null,
+        pid: '0',
         level: 0,
         type: '',
         children: [],