diff --git a/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue b/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue
index 85c5c9656b..f716716556 100644
--- a/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue
+++ b/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue
@@ -46,53 +46,53 @@
                 <el-col :span="12">
                   <div style="border:1px #DCDFE6 solid; min-height: 400px;border-radius: 4px ;width: 100% ;">
                     <ms-table
-                        v-loading="loading"
-                        row-key="id"
-                        :data="variables"
-                        :total="variables.length"
-                        :screen-height="screenHeight"
-                        :batch-operators="batchButtons"
-                        :remember-order="true"
-                        :highlightCurrentRow="true"
-                        :fields.sync="fields"
-                        :field-key="tableHeaderKey"
-                        @handleRowClick="handleRowClick"
-                        @refresh="onChange"
-                        ref="variableTable">
+                      v-loading="loading"
+                      row-key="id"
+                      :data="variables"
+                      :total="variables.length"
+                      :screen-height="screenHeight"
+                      :batch-operators="batchButtons"
+                      :remember-order="true"
+                      :highlightCurrentRow="true"
+                      :fields.sync="fields"
+                      :field-key="tableHeaderKey"
+                      @handleRowClick="handleRowClick"
+                      @refresh="onChange"
+                      ref="variableTable">
                           <span v-for="item in fields" :key="item.key">
                             <ms-table-column
-                                prop="num"
-                                :field="item"
-                                :fields-width="fieldsWidth"
-                                sortable
-                                label="ID"
-                                min-width="60">
+                              prop="num"
+                              :field="item"
+                              :fields-width="fieldsWidth"
+                              sortable
+                              label="ID"
+                              min-width="60">
                             </ms-table-column>
                             <ms-table-column
-                                prop="name"
-                                :field="item"
-                                :fields-width="fieldsWidth"
-                                :label="$t('api_test.variable_name')"
-                                min-width="100"
-                                sortable>
+                              prop="name"
+                              :field="item"
+                              :fields-width="fieldsWidth"
+                              :label="$t('api_test.variable_name')"
+                              min-width="100"
+                              sortable>
                             </ms-table-column>
                             <ms-table-column
-                                prop="type"
-                                :field="item"
-                                :fields-width="fieldsWidth"
-                                :label="$t('test_track.case.type')"
-                                min-width="70"
-                                sortable>
+                              prop="type"
+                              :field="item"
+                              :fields-width="fieldsWidth"
+                              :label="$t('test_track.case.type')"
+                              min-width="70"
+                              sortable>
                               <template v-slot:default="scope">
                                 <span>{{ types.get(scope.row.type) }}</span>
                               </template>
                             </ms-table-column>
                             <ms-table-column
-                                prop="value"
-                                :field="item"
-                                :fields-width="fieldsWidth"
-                                :label="$t('api_test.value')"
-                                sortable>
+                              prop="value"
+                              :field="item"
+                              :fields-width="fieldsWidth"
+                              :label="$t('api_test.value')"
+                              sortable>
                             </ms-table-column>
                           </span>
                     </ms-table>
@@ -368,7 +368,7 @@ export default {
       this.editData = {delimiter: ",", quotedData: 'false', files: []};
       this.editData.type = this.selectType;
       this.showDelete = false;
-      if (this.editData.type === 'CSV') {
+      if (this.editData.type === 'CSV' && this.$refs.csv) {
         this.$refs.csv.cleanPreview();
       }
       this.$refs.variableTable.cancelCurrentRow();
@@ -455,7 +455,7 @@ export default {
       this.variables.forEach(item => {
         if (this.searchType && this.searchType != "" && this.selectVariable && this.selectVariable != "") {
           if ((item.type && item.type.toLowerCase().indexOf(this.searchType.toLowerCase()) == -1 && this.searchType != 'ALL')
-              || (item.name && item.name.toLowerCase().indexOf(this.selectVariable.toLowerCase()) == -1)) {
+            || (item.name && item.name.toLowerCase().indexOf(this.selectVariable.toLowerCase()) == -1)) {
             item.hidden = true;
           } else {
             item.hidden = undefined;
diff --git a/frontend/src/business/components/common/select-tree/SelectTree.vue b/frontend/src/business/components/common/select-tree/SelectTree.vue
index 2aeed0ce70..167f6243a5 100644
--- a/frontend/src/business/components/common/select-tree/SelectTree.vue
+++ b/frontend/src/business/components/common/select-tree/SelectTree.vue
@@ -1,7 +1,8 @@
 <template>
   <div v-loading="loading">
     <div class="mask" v-show="isShowSelect"></div>
-    <el-popover placement="bottom-start" :width="popoverWidth" trigger="manual" v-model="isShowSelect" @hide="popoverHide" v-outside-click="outsideClick">
+    <el-popover placement="bottom-start" :width="popoverWidth" trigger="manual" v-model="isShowSelect"
+                @hide="popoverHide" v-outside-click="outsideClick">
       <el-input
         size="mini"
         prefix-icon="el-icon-search"
@@ -32,7 +33,9 @@
         <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
       </el-select>
       <el-row>
-        <el-button v-if="multiple" class="ok" @click="isShowSelect=false" size="mini" type="text">{{ $t('commons.confirm') }}</el-button>
+        <el-button v-if="multiple" class="ok" @click="isShowSelect=false" size="mini" type="text">
+          {{ $t('commons.confirm') }}
+        </el-button>
       </el-row>
     </el-popover>
   </div>
@@ -271,8 +274,11 @@ export default {
         });
         this.returnDatas = t;
       }
+
       this.selectNodeIds = [];
-      this.getChildNodeId(data, this.selectNodeIds);
+      if (data) {
+        this.getChildNodeId(data, this.selectNodeIds);
+      }
     },
     getChildNodeId(rootNode, nodeIds) {
       //递归获取所有子节点ID
@@ -318,7 +324,7 @@ export default {
       this.options = [];
       thisKeys.map((item) => {//设置option选项
         let node = this.$refs.tree.getNode(item); // 所有被选中的节点对应的node
-        if(node){
+        if (node) {
           t.push(node.data);
           this.options.push({label: node.label, value: node.key});
           return {label: node.label, value: node.key};
@@ -429,26 +435,26 @@ export default {
       },
       deep: true
     },
-    defaultKey:{
-      handler:function(){
+    defaultKey: {
+      handler: function () {
         this.init();
-        if(this.data && this.data.length > 0){
-          if(this.defaultKey instanceof Array){
+        if (this.data && this.data.length > 0) {
+          if (this.defaultKey instanceof Array) {
             this.$refs.tree.setCheckedKeys(this.defaultKey);
           }
         }
       },
-      deep:true
+      deep: true
     },
-    data:{
-      handler:function(){
-        if(this.defaultKey && this.defaultKey.length > 0 && this.defaultKey instanceof Array){
-          if(this.defaultKey instanceof Array){
+    data: {
+      handler: function () {
+        if (this.defaultKey && this.defaultKey.length > 0 && this.defaultKey instanceof Array) {
+          if (this.defaultKey instanceof Array) {
             this.$refs.tree.setCheckedKeys(this.defaultKey);
           }
         }
       },
-      deep:true
+      deep: true
     },
     filterText(val) {
       this.$nextTick(() => {