NativeScript-Vue中的音频播放器

Question

我有一个mp3播放列表，我想在NativeScript-Vue中的音频播放器中播放这些音轨。但是，没有插件。

但是，有一个NativeScript插件nativescript-audio可用于播放音频。

在下面的Playground示例中，您会注意到它已被采用来在NativeScript-Vue应用程序中播放。

https://play.nativescript.org/?template=play-vue&id=83Hs3D&v=19

这可以工作，但是问题是播放器安装在mounted()挂钩中，甚至在此处也提供了mp3文件路径。但是，对我来说，mp3文件是异步加载的，添加到Vuex存储中，然后可以作为组件中的计算属性使用。

如何采用此代码从经过计算的属性中获取mp3文件，而不是在mounted()中进行硬编码？

以下是此插件的文档-https://github.com/bradmartin/nativescript-audio

Answer 1

我能够找到解决方案。

1. 观察您的计算属性。假设它叫做media。

2. 更改后，使用以下代码更新音轨：

   const playerOptions = {       audioFile：this.media，       循环：假，       自动播放：假   }   this._player     .playFromUrl（playerOptions）     .then（function（res）{       console.log（res）;     }）     .catch（function（err）{       console.log（'出事了..'，err）;     }）;