diff --git a/packages/breadcrumb/package.json b/packages/breadcrumb/package.json
index c60fb8ecd3..fd26917da5 100644
--- a/packages/breadcrumb/package.json
+++ b/packages/breadcrumb/package.json
@@ -4,8 +4,7 @@
   "main": "dist/index.js",
   "license": "MIT",
   "peerDependencies": {
-    "vue": "^3.0.0",
-    "vue-router": "^4.0.0-beta.4"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@vue/test-utils": "^2.0.0-beta.3"
diff --git a/packages/breadcrumb/src/item.vue b/packages/breadcrumb/src/item.vue
index 2a87fa2fe0..a37a8c80b7 100644
--- a/packages/breadcrumb/src/item.vue
+++ b/packages/breadcrumb/src/item.vue
@@ -14,7 +14,6 @@
 
 <script lang="ts">
 import { defineComponent, inject, ref, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
 
 interface IBreadcrumbInject {
   separator: string
@@ -38,16 +37,15 @@ export default defineComponent({
       default: false,
     },
   },
-  setup(props: IBreadcrumbItemProps) {
+  setup(props: IBreadcrumbItemProps, ctx) {
     const link = ref(null)
     const parent: IBreadcrumbInject = inject('breadcrumb')
 
     onMounted(() => {
       link.value.setAttribute('role', 'link')
       link.value.addEventListener('click', () => {
-        if (!props.to) return
-        const router = useRouter()
-        if (!router) return
+        const router = (ctx as any).$router
+        if (!props.to || !router) return
         props.replace ? router.replace(props.to) : router.push(props.to)
       })
     })