提交

1

src/views/teamDetail/componentCourse/studentWork.vue

@@ -112,25 +112,27 @@
       width="940px"
       append-to-body
       :visible.sync="workVisible"
+      v-if="workVisible"
 
     >
       <!-- activeUrl -->
       <div class="sliderWrap">
+        {{activeRow.urlList.length}}
         <div class="swiperWrap">
           <swiper
-          v-if="activeRow"
             ref="mySwiper"
             :options="swiperOptions"
             :auto-update="true"
             :auto-destroy="false"
-            :delete-instance-on-destroy="true"
-            :cleanup-styles-on-destroy="true"
+            :delete-instance-on-destroy="false"
+            :cleanup-styles-on-destroy="false"
           >
             <swiper-slide
             class="swiper-no-swiping"
               v-for="(item, index) in activeRow.urlList"
               :key="index"
             >
+            {{activeIndex +'--'+index}}
               <!--  -->
               <div class="videoWrap" v-if="activeIndex == index">
                 <video
@@ -256,6 +258,7 @@ export default {
         // autoHeight: true,
         observer: true, //修改swiper自己或子元素时，自动初始化swiper
         observeParents: true, //修改swiper的父元素时，自动初始化swiper
+        observeSlideChildren:true,
         speed: 300,
         loop: true,
         pagination: ".swiper-pagination",
@@ -265,6 +268,7 @@ export default {
         },
         on: {
           slideChange: (val) => {
+            console.log('掉用slideChange')
             this.activeIndex = val.realIndex;
           },
         },
@@ -347,14 +351,17 @@ export default {
         if (res.code == 200) {
           this.activeCommit = res.data.rows;
           this.activeIndex= 0;
+
           this.workVisible = true;
+
+
           // item.up = false
         }
       });
     },
     closeWorkVisible() {
       this.activeUrl = "";
-      this.activeIndex= -1;
+      // this.activeIndex= -1;
     },
     prev(val) {
       this.$nextTick(() => {
@@ -363,7 +370,7 @@ export default {
     },
     next(val) {
       this.$nextTick(() => {
-        console.log(this.swiper.slideNext());
+        console.log(this.swiper.slideNext,this.swiper.slideNext());
         this.swiper.slideNext();
       });
     },