diff --git a/README.md b/README.md
index b2ecd38e..942732d5 100644
--- a/README.md
+++ b/README.md
@@ -58,7 +58,7 @@
 - [ ] LoadingBar
 - [x] Circle
 - [x] Affix
-- [ ] BackTop
+- [x] BackTop
 - [x] Spin
 
 ## Overview
diff --git a/examples/app.vue b/examples/app.vue
index 061fdbea..7863722d 100644
--- a/examples/app.vue
+++ b/examples/app.vue
@@ -44,6 +44,7 @@ li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
                 <li><router-link to="/spin">Spin</router-link></li>
                 <li><router-link to="/cascader">Cascader</router-link></li>
                 <li><router-link to="/select">Select</router-link></li>
+                <li><router-link to="/backtop">Backtop</router-link></li>
                 <li><router-link to="/page">Page</router-link></li>
             </ul>
         </nav>
diff --git a/examples/main.js b/examples/main.js
index 18141ab0..58b5d752 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -141,6 +141,10 @@ const router = new VueRouter({
             path: '/select',
             component: require('./routers/select.vue')
         },
+        {
+            path: '/backtop',
+            component: require('./routers/back-top.vue')
+        },
         {
             path: '/page',
             component: require('./routers/page.vue')
diff --git a/examples/routers/back-top.vue b/examples/routers/back-top.vue
new file mode 100644
index 00000000..260fbd9e
--- /dev/null
+++ b/examples/routers/back-top.vue
@@ -0,0 +1,22 @@
+<style>
+    body{
+        height: 2000px;
+    }
+</style>
+<template>
+    <BackTop>
+       
+    </BackTop>
+</template>
+<script>
+    export default {
+        data(){
+            return {
+
+            }
+        },
+        mounted(){
+            
+        }
+    }
+</script>
diff --git a/src/components/back-top/back-top.vue b/src/components/back-top/back-top.vue
index 171f1683..4ea7cfbb 100644
--- a/src/components/back-top/back-top.vue
+++ b/src/components/back-top/back-top.vue
@@ -35,7 +35,7 @@
                 backTop: false
             };
         },
-        ready () {
+        mounted () {
             window.addEventListener('scroll', this.handleScroll, false);
             window.addEventListener('resize', this.handleScroll, false);
         },
diff --git a/src/index.js b/src/index.js
index 0c62a530..b553fa89 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,7 +3,7 @@ import 'core-js/fn/array/find-index';
 
 import Affix from './components/affix';
 import Alert from './components/alert';
-// import BackTop from './components/back-top';
+import BackTop from './components/back-top';
 import Badge from './components/badge';
 import Breadcrumb from './components/breadcrumb';
 import Button from './components/button';
@@ -49,7 +49,7 @@ import locale from './locale';
 const iview = {
     Affix,
     Alert,
-    // BackTop,
+    BackTop,
     Badge,
     Breadcrumb,
     BreadcrumbItem: Breadcrumb.Item,