在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>

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

Answer 1

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