视频详情

src/views/regime/VideoInfo.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="videoinfo">
         <div class="info">
-            <VideoPlay></VideoPlay>
-            <VideoCont></VideoCont>
+            <VideoPlay :url="result.fileurl"></VideoPlay>
+            <VideoCont :date="result.created_at" :watch="result.watch" :share="result.share"></VideoCont>
         </div>
-        <VideoReview class="review"></VideoReview>
+        <VideoReview class="review" ></VideoReview>
     </div>
 </template>
 <style lang="scss" scoped>
@@ -21,7 +21,7 @@
 }
 </style>
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent, onMounted, ref } from 'vue';
 import VideoPlay from "@/components/VideoPlay.vue"
 import VideoCont from "@/components/VideoCont.vue"
 import VideoReview from "@/components/VideoReview.vue"
@@ -37,8 +37,14 @@ export default defineComponent({
     setup(){
         // console.log(1)
         console.log(useRoute().query)
-       const result= videodetail(useRoute().query.id)
-       console.log(result,46546)
+        const result=ref({})
+          onMounted(async () => {
+             result.value= await videodetail(useRoute().query.id)
+        })
+    
+       return {
+           result
+       }
         
     }
 })