听并朗读

src/components/Adult/preview/AudioLine.vue

@@ -84,10 +84,12 @@ export default {
       if (this.audio.playing) {
         this.$refs.audio.pause();
         this.audio.playing = false;
+        this.$emit("handleListenRead",false);
       } else {
         this.$refs.audio.play();
         this.audio.playing = true;
         this.$emit("handleChangeStopAudio");
+        this.$emit("handleListenRead",true);
       }
     },
     // 点击 拖拽播放音频
@@ -174,6 +176,7 @@ export default {
     });
     _this.$refs.audio.addEventListener("ended", function () {
       _this.audio.playing = false;
+      _this.$emit("handleListenRead",false);
     });
     this.$nextTick(() => {
       document

src/components/Adult/preview/SentenceListenRead.vue

@@ -11,8 +11,7 @@
             :mp3="curQue.mp3_list[0].url"
             :getCurTime="getCurTime"
             ref="audioLine"
-            @handleChangeStopAudio="handleChangeStopAudio"
-            :stopAudio="stopAudio"
+            @handleListenRead="handleListenRead"
         />
         </div>
         <div class="item-box">
@@ -128,8 +127,8 @@ export default {
       _this.curTime = time;
       _this.$refs.audioLine.onTimeupdateTime(time / 1000,true);
     },
-    handleChangeStopAudio() {
-       this.stopAudio = true
+    handleListenRead(playFlag) {
+       this.stopAudio = playFlag
     },
   },
   //生命周期 - 创建完成（可以访问当前this实例）