diff --git a/nezha-fronted/src/components/common/mixin/dataList.js b/nezha-fronted/src/components/common/mixin/dataList.js
index 36bd406b3..473469052 100644
--- a/nezha-fronted/src/components/common/mixin/dataList.js
+++ b/nezha-fronted/src/components/common/mixin/dataList.js
@@ -174,6 +174,9 @@ export default {
         }
       }, 20)
     },
+    clickTab (showTabInfo, showTab) {
+      this.$emit('changeShowTab', showTab)
+    },
     toTopBtnHandler (wrap) {
       const vm = this
       wrap.addEventListener('scroll', bus.debounce(function () {
diff --git a/nezha-fronted/src/components/page/config/snmp.vue b/nezha-fronted/src/components/page/config/snmp.vue
index 3b9fca12c..4533bbd83 100644
--- a/nezha-fronted/src/components/page/config/snmp.vue
+++ b/nezha-fronted/src/components/page/config/snmp.vue
@@ -1,8 +1,8 @@
 <template>
     <div>
-      <mib-file :show-tab="showTab" v-if="showTab == 'file'" @toCredentialTab="changeTab(['mib','credentials'],'credentials')" @toBrowserTab="changeTab(['mib','browser'],'browser')"></mib-file>
-      <mib-browser :show-tab="showTab" v-if="showTab == 'browser'" @toFileTab="changeTab(['mib','file'],'file')" @toCredentialTab="changeTab(['mib','credentials'],'credentials')"></mib-browser>
-      <credentials :show-tab="showTab" v-if="showTab == 'credentials'" @toFileTab="changeTab(['mib','file'],'file')" @toBrowserTab="changeTab(['mib','browser'],'browser')"></credentials>
+      <mib-file :show-tab="showTab" v-if="showTab == 'file'" @changeShowTab="changeShowTab" @toCredentialTab="changeTab(['mib','credentials'],'credentials')" @toBrowserTab="changeTab(['mib','browser'],'browser')"></mib-file>
+      <mib-browser :show-tab="showTab" v-if="showTab == 'browser'" @changeShowTab="changeShowTab" @toFileTab="changeTab(['mib','file'],'file')" @toCredentialTab="changeTab(['mib','credentials'],'credentials')"></mib-browser>
+      <credentials :show-tab="showTab" v-if="showTab == 'credentials'" @changeShowTab="changeShowTab" @toFileTab="changeTab(['mib','file'],'file')" @toBrowserTab="changeTab(['mib','browser'],'browser')"></credentials>
     </div>
 </template>
 
@@ -43,6 +43,9 @@ export default {
           t: +new Date()
         }
       })
+    },
+    changeShowTab (showTab) {
+      this.showTab = showTab
     }
   },
   watch: {
diff --git a/nezha-fronted/src/router/index.js b/nezha-fronted/src/router/index.js
index 6a839c0a9..fc0b4195a 100644
--- a/nezha-fronted/src/router/index.js
+++ b/nezha-fronted/src/router/index.js
@@ -103,7 +103,7 @@ export default new Router({
           component: resolve => require(['../components/page/config/snmp.vue'], resolve)
         },
         {
-          path: '/snmp/:tab',
+          path: '/snmp',
           component: resolve => require(['../components/page/config/snmp.vue'], resolve)
         },
         {