src/components/group/MyVideo.vue

@@ -1,34 +1,50 @@
<template>
   <div class="myModal">
      <a-modal v-model="visible" title="" :footer="null" :mask="false" :maskClosable="true"
         :bodyStyle="{'overflow':'overlay','maxHeight': '550px'}">
         <div>{{this.placement}}</div>
         <videoPlayBox></videoPlayBox>
      <a-modal v-model="visible" title="视频盒子" :footer="null" :mask="false" :maskClosable="true"
         :bodyStyle="{'overflow':'overlay','maxHeight': '750px'}">
         <videoDetail ref="videoDetail"></videoDetail>
      </a-modal>
   </div>

</template>

<script>
   import {
      history
   } from '../../api/blogArticleComment.js'
   import videoPlayBox from "../mini/box15-videoPlayBox.vue"
   import videoDetail from "../mini/box16-videoDetail.vue"

   export default {
      components: {
         videoPlayBox
         videoDetail,
      },
      watch: {
         // '$route'(to, from) {
         //    if ("mdDetail" === to.name) {
         //       this.articleId = this.$route.query.id;
         //       this.articleFileType = this.$route.query.articleFileType;
         //    }
         // },
         articleId: function(newValue, oldValue) {
            if (newValue == undefined || newValue == null || newValue == "") {
               this.showMsg = true;
               this.errorMsg = "日志id参数缺失";
            } else {
               this.$nextTick(function() {
                  this.$refs.myComment.updateCommentList(this.articleId);
               })
            }
         },
      },
      data() {
         return {
            visible: false,
            placement: "fbottom"
            articleId: "",
         }
      },
      beforeMount() {},
      methods: {
         showModal(param) {
            this.placement = param.id
            this.visible = true;
            this.$nextTick(function() {
               this.$refs.videoDetail.showVideo(param)
            })
         },
         handleCancel(e) {
            this.visible = false;
@@ -38,7 +54,5 @@
   }
</script>
<style scoped>
   a {
      color: black;
   }

</style>