Merge pull request #9245 from dataease/pr@dev-v2@fix_mobile_tab

fix(仪表板): 修复移动端布局后仪表板无法继续向tab组件添加图表问题

core/core-frontend/src/custom-component/de-tabs/Component.vue

@@ -264,16 +264,18 @@ const componentMoveIn = component => {
       dvMainStore.setCurComponent({ component: null, index: null })
       component.canvasId = element.value.id + '--' + tabItem.name
       const refInstance = currentInstance.refs['tabCanvas_' + index][0]
-      const matrixBase = refInstance.getBaseMatrixSize() //矩阵基础大小
-      canvasChangeAdaptor(component, matrixBase)
-      tabItem.componentData.push(component)
-      nextTick(() => {
-        component.x = 1
-        component.y = 1
-        component.style.left = 0
-        component.style.top = 0
-        refInstance.addItemBox(component) //在适当的时候初始化布局组件
-      })
+      if (refInstance) {
+        const matrixBase = refInstance.getBaseMatrixSize() //矩阵基础大小
+        canvasChangeAdaptor(component, matrixBase)
+        tabItem.componentData.push(component)
+        nextTick(() => {
+          component.x = 1
+          component.y = 1
+          component.style.left = 0
+          component.style.top = 0
+          refInstance.addItemBox(component) //在适当的时候初始化布局组件
+        })
+      }
     }
   })
 }