Vue.js с использованием iframe для встраивания видео на разные маршруты - PullRequest
Новая
       9

Vue.js с использованием iframe для встраивания видео на разные маршруты

0 голосов
/ 21 февраля 2019

Я использую vue.js, vuex и vue router.В моем проекте у меня есть Home.vue представление, которое включает LiveStream.vue : 

<template>
    <div class="home">
        <LiveStream />
    </div>
</template>

<script>
import LiveStream from '@/components/LiveStream.vue'

export default {
    name: 'Live',
    components: {
        LiveStream
    }
}
</script>

И у меня есть этот маршрутизатор: 

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/program',
      name: 'program',
      component: () => import('./views/Program.vue')
    }
  ]
})

Теперь я хотел бы использовать тот же компонент LiveStream.vue во втором представлении на другом маршруте ( / program ).

Но внутри LiveStream.vue - это iframe со встроенным живым потоком, и он должен продолжать воспроизводиться при изменении маршрутов.

Как это можно сделать?

...