在vue.js中发送HTML5视频作为道具

Question

我正在尝试将HTML5视频作为道具从Vuejs中的父组件发送到子组件。

父项：

    <template>
      <div>
         <video ref="video">
            <source src="@/assets/video.mp4" type="video/mp4">
         </video>
         <child-component :video="videoElement"></child-component>
      </div>
    </template>

    <script>
     export default {
       name: "ParentComponent",
       computed: {
         videoElement () {
           return this.$refs.video;
         },  
       };
    </script>

子组件：

    <script>
     export default {
       name: "ParentComponent",
       props: {
         video: Object
       }
     };
    </script>

由于某种奇怪的原因，这似乎不起作用！如何发送视频作为道具？

Answer 1

HTML video元素不是对象。您应该在子组件中使用HTMLVideoElement作为道具类型。