Я пытаюсь отправить видео 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>
По какой-то странной причине это не работает! Как я могу отправить видео в качестве реквизита?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


HTML-элемент видео не является объектом. Вместо этого вы должны использовать HTMLVideoElement в качестве типа свойств в дочернем компоненте.
Кажется, это исправляет. Спасибо!