javascript - 在 vuejs 中将 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>

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

标签： javascriptvue.js

Answer 1

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