Я создаю приложение, которое использует различные медиа элементы.Я рассматриваю возможность создания элементов управления мультимедиа как отдельного компонента, отличного от того, который содержит тег или.
Неудобной частью является то, что необходимо либо передать объект media dom компоненту, либо использовать события длявзаимодействовать между компонентом MediaControls и компонентом, который содержит медиа-элемент.События кажутся громоздкими, поэтому я экспериментирую с передачей домена, как показано ниже.
Есть ли веская причина, почему я должен избегать такого подхода?Есть ли лучший подход?
передача элемента DOM через ref
<video ref="media" v-bind:src="recording.src"></video>
<MediaControls v-bind:media="this.$refs.media"></MediaControls>
Пример функции MediaControls Componentet
togglePlay: function() {
if (this.media.paused) {
this.media.play();
} else {
this.media.pause();
}
}