diff --git a/frontend/package.json b/frontend/package.json
index f10fb056a3..4a4e1d7804 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,6 +19,7 @@
     "@fortawesome/vue-fontawesome": "^0.1.9",
     "axios": "^0.21.3",
     "core-js": "^3.4.3",
+    "default-passive-events": "^2.0.0",
     "diffable-html": "^4.0.0",
     "echarts": "^5.0.2",
     "el-table-infinite-scroll": "^1.0.10",
diff --git a/frontend/src/business/components/api/definition/components/assertion/document/DocumentBody.vue b/frontend/src/business/components/api/definition/components/assertion/document/DocumentBody.vue
index e5133d72cf..7be2e46bd8 100644
--- a/frontend/src/business/components/api/definition/components/assertion/document/DocumentBody.vue
+++ b/frontend/src/business/components/api/definition/components/assertion/document/DocumentBody.vue
@@ -36,14 +36,14 @@
       </el-table-column>
 
       <el-table-column prop="include" width="78" :label="$t('api_test.request.assertions.must_contain')"
-                       :render-header="renderHeader">
+                       :scoped-slot="renderHeader">
         <template slot-scope="scope">
           <el-checkbox v-model="scope.row.include" @change="handleCheckOneChange" :disabled="checked || scope.row.type==='array'"/>
         </template>
       </el-table-column>
 
       <el-table-column prop="typeVerification" width="100" :label="$t('api_test.request.assertions.type_verification')"
-                       :render-header="renderHeaderType">
+                       :scoped-slot="renderHeaderType">
         <template slot-scope="scope">
           <el-checkbox v-model="scope.row.typeVerification" @change="handleCheckOneChange" :disabled="checked"/>
         </template>
@@ -75,7 +75,7 @@
       </el-table-column>
 
       <el-table-column prop="arrayVerification" width="140" :label="$t('api_test.request.assertions.check')"
-                       :render-header="renderHeaderArray">
+                       :scoped-slot="renderHeaderArray">
         <template slot-scope="scope">
           <el-checkbox v-model="scope.row.arrayVerification" @change="handleCheckOneChange"
                        v-if="scope.row.type==='array'" :disabled="checked"/>
diff --git a/frontend/src/business/components/api/router.js b/frontend/src/business/components/api/router.js
index 3b72e9f285..3945f29e99 100644
--- a/frontend/src/business/components/api/router.js
+++ b/frontend/src/business/components/api/router.js
@@ -20,12 +20,12 @@ export default {
     // },
     {
       path: "report/list/:testId",
-      name: "ApiReportList",
+      name: "ApiReports",
       component: () => import('@/business/components/api/report/ApiReportList'),
     },
     {
       path: "report/view/:reportId",
-      name: "ApiReportView",
+      name: "ApiReportViews",
       component: () => import('@/business/components/api/report/ApiReportView'),
     },
     {
diff --git a/frontend/src/business/main.js b/frontend/src/business/main.js
index d07ba3265d..3da4c9d41d 100644
--- a/frontend/src/business/main.js
+++ b/frontend/src/business/main.js
@@ -29,6 +29,7 @@ import formCreate from "@form-create/element-ui"
 import mavonEditor from 'mavon-editor'
 import 'mavon-editor/dist/css/index.css'
 import 'element-ui/lib/theme-chalk/display.css';
+import 'default-passive-events'
 Vue.use(mavonEditor)
 
 Vue.use(vueMinderEditor)