阶段性上传

src/views/modules/book/clock-add-or-update.vue

@@ -51,7 +51,7 @@
           <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
         </el-upload>
         <div>          
-          <video controls width="250" v-if="dataForm.video">   
+          <video controls width="250" v-if="dataForm.video != ''">   
             <source :src="dataForm.video" type="video/mp4" />
             
           </video>
@@ -209,7 +209,11 @@
                 this.dataForm.days = data.bookTaskEntity.days
                 this.dataForm.productImages = data.bookTaskEntity.images 
                 this.dataForm.productDetails = data.bookTaskEntity.content             
-               console.log(this.dataForm.video,'this.dataForm.video')
+                console.log(this.dataForm.video, 'this.dataForm.video')
+                this.videoList.push({
+                  name: data.bookTaskEntity.heading,
+                  url: data.bookTaskEntity.video
+                  })
                 if (data.bookTaskEntity.images != "") {
                   var img = {
                     name: '',
@@ -274,6 +278,8 @@
                   onClose: () => {
                     this.visible = false
                     this.dataForm.productDetails = ''
+                    this.dataForm.video = ''
+                    this.videoList = []
                     this.$refs['dataForm'].resetFields()
                     // this.$refs['dataForm'].reset()
                     this.$emit('refreshDataList')
@@ -361,6 +367,8 @@
     },
       handlereset() {
         this.fileList = [],
+          this.videoList = [] // 清空视频列表
+        this.dataForm.video = ''
           this.visible = false
         this.swiperfileList = []
         this.$refs['dataForm'].resetFields()