diff --git a/frontend/src/business/components/api/definition/components/assertion/ApiJsonPathSuggestButton.vue b/frontend/src/business/components/api/definition/components/assertion/ApiJsonPathSuggestButton.vue
index f708459ab3..5bb93b7bef 100644
--- a/frontend/src/business/components/api/definition/components/assertion/ApiJsonPathSuggestButton.vue
+++ b/frontend/src/business/components/api/definition/components/assertion/ApiJsonPathSuggestButton.vue
@@ -1,6 +1,6 @@
 <template>
   <el-row :gutter="10" class="json-path-suggest-button">
-    <el-button size="small" type="primary" @click="$emit('open')">
+    <el-button size="small" type="primary" @click="$emit('open')" @click.stop>
       {{openTip}}
     </el-button>
     <el-button size="small" type="danger" @click="$emit('clear')">
diff --git a/frontend/src/business/components/api/definition/components/assertion/ApiJsonpathSuggest.vue b/frontend/src/business/components/api/definition/components/assertion/ApiJsonpathSuggest.vue
index 05064cf710..cd25a48dac 100644
--- a/frontend/src/business/components/api/definition/components/assertion/ApiJsonpathSuggest.vue
+++ b/frontend/src/business/components/api/definition/components/assertion/ApiJsonpathSuggest.vue
@@ -1,5 +1,5 @@
 <template>
-  <ms-drawer class="json-path-picker" :visible="visible" :size="30" @close="close" direction="right">
+  <ms-drawer class="json-path-picker" :visible="visible" :size="30" @close="close" direction="right" v-clickoutside="close">
     <template v-slot:header>
       <ms-instructions-icon :content="tip"/>
       {{tip}}
@@ -13,9 +13,37 @@ import MsDrawer from "../../../../common/components/MsDrawer";
 import MsInstructionsIcon from "../../../../common/components/MsInstructionsIcon";
 
 let dotReplace = "#DOT_MASK#";
+
+const clickoutside = {
+  // 初始化指令
+  bind (el, binding, vnode) {
+    function documentHandler (e) {
+      // 这里判断点击的元素是否是本身，是本身，则返回
+      if (el.contains(e.target)) {
+        return false
+      }
+      // 判断指令中是否绑定了函数
+      if (binding.expression) {
+        // 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法
+        binding.value(e)
+      }
+    }
+    // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
+    el.__vueClickOutside__ = documentHandler
+    document.addEventListener('click', documentHandler)
+  },
+  update () { },
+  unbind (el, binding) {
+    // 解除事件监听
+    document.removeEventListener('click', el.__vueClickOutside__)
+    delete el.__vueClickOutside__
+  }
+}
+
 export default {
   name: "MsApiJsonpathSuggest",
   components: {MsInstructionsIcon, MsDrawer},
+  directives: { clickoutside },
   data() {
     return {
       visible: false,
diff --git a/frontend/src/business/components/api/definition/components/list/ApiList.vue b/frontend/src/business/components/api/definition/components/list/ApiList.vue
index cd9169b499..ebd4f5c579 100644
--- a/frontend/src/business/components/api/definition/components/list/ApiList.vue
+++ b/frontend/src/business/components/api/definition/components/list/ApiList.vue
@@ -454,14 +454,18 @@
                 item.tags = JSON.parse(item.tags);
               }
             })
-            if (this.$refs.apiDefinitionTable) {
-              setTimeout(() => {
-                this.$refs.apiDefinitionTable.doLayout();
-                this.result.loading = false;
-              }, 500)
-            }
+            // if (this.$refs.apiDefinitionTable) {
+            //   setTimeout(() => {
+            //     this.$refs.apiDefinitionTable.doLayout();
+            //     this.result.loading = false;
+            //   }, 500)
+            // }
             // nexttick:表格加载完成之后触发。判断是否需要勾选行
             this.$nextTick(function(){
+              if (this.$refs.apiDefinitionTable) {
+                this.$refs.apiDefinitionTable.doLayout();
+                this.result.loading = false;
+              }
               this.checkTableRowIsSelect();
             })
           });