Отправить видео HTML5 как опору в vuejs

Я пытаюсь отправить видео 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>

По какой-то странной причине это не работает! Как я могу отправить видео в качестве реквизита?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
258
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

Кажется, это исправляет. Спасибо!

Samir Aba 11.12.2018 13:46

Другие вопросы по теме