在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue中使用aplay組件,進(jìn)行路由跳轉(zhuǎn)時(shí)如何保持aplay的播放狀態(tài)?

Vue中使用aplay組件,進(jìn)行路由跳轉(zhuǎn)時(shí)如何保持aplay的播放狀態(tài)?

emmmmm,初入vue的組件坑
我想實(shí)現(xiàn)的功能是這樣的:

clipboard.png

在主頁(yè)底部用了vue資源中的aplay插件,現(xiàn)在是點(diǎn)擊跳轉(zhuǎn)到其他路由的時(shí)候,這個(gè)音樂組件會(huì)重置,希望在路由跳轉(zhuǎn)的時(shí)候保持播放狀態(tài)
主頁(yè)的html結(jié)構(gòu)如下:

<template>
  <div id="app">
    <!--外部容器-->
    <el-container>
      <!--頭部-->
      <el-header id="header">
        <topbar></topbar>
      </el-header>
      <router-view/>
      <!--尾部-->
      <el-footer>

      </el-footer>
      <!--播放器插件-->
      <keep-alive>
        <!-- 組件將被緩存嗎????? -->
        <el-main id="mp-main">
          <aplayer :music="{
              title: 'secret base~君がくれたもの~',
              artist: 'Silent Siren',
              src: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.mp3',
              pic: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.jpg'}"
          />
        </el-main>
      </keep-alive>
    </el-container>
  </div>

</template>

<script>
  import Topbar from './components/Topbar.vue'
  import Aplayer from 'vue-aplayer'

  export default {
    name: 'App',
    components:{
      Aplayer,
      Topbar,
    }

  }
</script>

看了一下vue中的<keep-alive>挺懵的
希望大家能夠給我一點(diǎn)思路~謝謝!

回答
編輯回答
賤人曾
  1. 使用 vuex;
  2. 參考網(wǎng)易云音樂等音樂播放 app;使用的是 iframe.
2017年7月30日 11:50
編輯回答
懶洋洋

我使用的是 vuex 存儲(chǔ)參數(shù) aplayer寫了個(gè)全局的 這樣雖然切換路由不影響播放器 但是有個(gè)問題 我不知道是不是BUG。 你現(xiàn)在解決了么 怎么解決的

2018年3月29日 02:27
編輯回答
夢(mèng)若殤

播放器放在app.vue里 放在router-view外面,這樣路由的跳轉(zhuǎn)不會(huì)影響播放器

2018年2月6日 06:08