fix: click req-item children is not active

zy445566 · Jan 18, 2021 · 973a8af · 973a8af
1 parent 8631a27
commit 973a8af
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "before-server",
-  "version": "1.0.69",
+  "version": "1.0.70",
   "description": "before server for query client request",
   "main": "index.js",
   "scripts": {

diff --git a/ui/src/pages/myMonitor/index.js b/ui/src/pages/myMonitor/index.js
@@ -72,12 +72,13 @@ export default class myMonitor extends HTMLContent {
                 badge = `<span class="badge badge-pill badge-danger">${data.res.statusCode}</span>`
             }
             reqItemTemplateContent.querySelector(".req-item").innerHTML = badge + completeUrl.pathname;
-            reqItemTemplateContent.querySelector(".req-item").addEventListener('click',(event)=>{
+            const that = this;
+            reqItemTemplateContent.querySelector(".req-item").addEventListener('click',function (_event){
                 for(const e of reqListDom.children) {e.className = e.className.replace('active','')}
-                if(event.target.className.indexOf('active')==-1) {
-                    event.target.className += ' active'
+                if(this.className.indexOf('active')==-1) {
+                    this.className += ' active'
                 }
-                this.showBody(data);
+                that.showBody(data);
             })
             reqListDom.appendChild(reqItemTemplateContent)
         })