search

SevenOutman / vue-aplayer

:cake: Easy-to-use music player for Vue 2.x
https://vue-aplayer.js.org
MIT License
1.33k stars 200 forks source link

单音频异步请求,报错,但是音频能播放,Invalid prop: custom validator check failed for prop "music". #222

Open xuhua1212 opened 4 years ago

xuhua1212 commented 4 years ago

单音频异步请求,报错,但是音频能播放 报错:,Invalid prop: custom validator check failed for prop "music". 实在是不知道什么原因,希望作者大大能指点一下

steeveen commented 4 years ago

+1

EvilDjango commented 4 years ago

就是组件会检查music这个属性，检查失败了，所以报错。我的解决方式是：把初始的music对象需要的属性都写上，值设为非空字符串。如下： music: { title: ' ', artist: ' ', src: ' ', pic: ' ', }

iiesx commented 3 years ago

+1

iiesx commented 3 years ago

异步请求加载初始化music，报上面的错误，而且请求到数据后，封面都加载显示了，点击播放时NotSupportedError: The element has no supported sources.

SuccessorZailong commented 3 years ago

<aplayer v-if="music.src" :music="music"/>

建议 保证 music 实例化后，再渲染 aplayer 组件。