diff --git a/packages/carousel/src/item.vue b/packages/carousel/src/item.vue
index f7d823f5f..76a0d3ee4 100644
--- a/packages/carousel/src/item.vue
+++ b/packages/carousel/src/item.vue
@@ -99,11 +99,11 @@
     },
 
     created() {
-      this.$parent && this.$parent.handleItemChange();
+      this.$parent && this.$parent.updateItems();
     },
 
     destroyed() {
-      this.$parent && this.$parent.handleItemChange();
+      this.$parent && this.$parent.updateItems();
     }
   };
 </script>
diff --git a/packages/carousel/src/main.vue b/packages/carousel/src/main.vue
index 00798efa8..9ce59da6a 100644
--- a/packages/carousel/src/main.vue
+++ b/packages/carousel/src/main.vue
@@ -49,7 +49,6 @@
 
 <script>
 import throttle from 'throttle-debounce/throttle';
-import debounce from 'throttle-debounce/debounce';
 import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
 
 export default {
@@ -103,7 +102,7 @@ export default {
 
   watch: {
     items(val) {
-      if (val.length > 0) this.setActiveItem(0);
+      if (val.length > 0) this.setActiveItem(this.initialIndex);
     },
 
     activeIndex(val, oldVal) {
@@ -223,7 +222,6 @@ export default {
   },
 
   created() {
-    this.handleItemChange = debounce(100, this.updateItems);
     this.throttledArrowClick = throttle(300, true, index => {
       this.setActiveItem(index);
     });