diff --git a/src/pages/slide/Slide-Horizontal.vue b/src/pages/slide/Slide-Horizontal.vue
index 0e0a09a..abe1e6f 100644
--- a/src/pages/slide/Slide-Horizontal.vue
+++ b/src/pages/slide/Slide-Horizontal.vue
@@ -76,6 +76,9 @@ export default {
       this.$setCss(this.wrapper, 'transition-duration', `300ms`)
       this.$setCss(this.wrapper, 'transform',
           `translate3d(${this.getDistance()}px, 0, 0)`)
+
+      this.$attrs['onUpdate:index'] && this.$emit('update:index', this.index)
+
       this.reset()
     },
     reset() {
diff --git a/src/pages/slide/Slide.vue b/src/pages/slide/Slide.vue
index e0beba1..76a4522 100644
--- a/src/pages/slide/Slide.vue
+++ b/src/pages/slide/Slide.vue
@@ -4,6 +4,7 @@
       <div class="item">
         <IndicatorHome/>
         <slide-horizontal
+            v-model:index="index"
             style="height: calc(100% - 5rem);"
         >
           <div class="item">
@@ -100,6 +101,7 @@ export default {
   },
   data() {
     return {
+      index: 0,
       closeOne: true,
       videos: [],
       totalSize: 52,