feat:解决报错问题

src/views/knowledge/detail/index.vue

@@ -70,14 +70,14 @@
         <!--          @click="handleHitTestClick"-->
         <!--          >命中测试</el-button-->
         <!--        >-->
-        <!--        <el-button-->
-        <!--          type="primary"-->
-        <!--          icon="el-icon-edit-outline"-->
-        <!--          size="medium"-->
-        <!--          class="line-button"-->
-        <!--          @click="handleMetaData"-->
-        <!--          >元数据</el-button-->
-        <!--        >-->
+        <el-button
+          type="primary"
+          icon="el-icon-edit-outline"
+          size="medium"
+          class="line-button"
+          @click="handleMetaData"
+          >元数据</el-button
+        >
       </div>
     </div>
     <div class="mt20 card-body">
@@ -196,11 +196,11 @@
 
     <!--元数据-->
     <el-drawer
-      :title="meteDataDrawer.title"
-      :visible.sync="meteDataDrawer.visible"
+      :title="metaDataDrawer.title"
+      :visible.sync="metaDataDrawer.visible"
       size="30%"
     >
-      <mete-data></mete-data>
+      <meta-data ref="metaData" :datasetId="$route.query.datasetId"></meta-data>
     </el-drawer>
   </div>
 </template>
@@ -222,8 +222,7 @@ import DocumentDrawer from './components/documentDetail/DocumentDrawer.vue'
 import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
 import knowledgePng_1 from '@/assets/images/konwledge/knowledge-1.png'
 import hitTest from '@/views/knowledge/detail/components/HitTest/Index.vue'
-import meteData from '@/views/knowledge/detail/components/meteData/Index.vue'
-import MeteData from '@/views/knowledge/detail/components/meteData/Index.vue'
+import MetaData from '@/views/knowledge/detail/components/metaData/Index.vue'
 
 export default {
   name: 'index',
@@ -233,7 +232,7 @@ export default {
         title: '命中测试',
         visible: false
       },
-      meteDataDrawer: {
+      metaDataDrawer: {
         title: '元数据',
         visible: false
       },
@@ -273,7 +272,7 @@ export default {
   props: {},
   watch: {},
   components: {
-    MeteData,
+    MetaData,
     hitTest,
     knowledgeForm,
     DocumentDrawer
@@ -479,7 +478,10 @@ export default {
       this.hitTestConfig.visible = true
     },
     handleMetaData() {
-      this.meteDataDrawer.visible = true
+      this.metaDataDrawer.visible = true
+      this.$nextTick(() => {
+        this.$refs.metaData.init()
+      })
     }
   },
   filters: {