vue-aplayer报错：custom validator check failed for prop "music".

Question

vue-aplayer报错：Invalid prop: custom validator check failed for prop "music".
我是使用vue-aplayer音乐播放器，在html页面可以正常使用，改成.vue格式就各种错误。

原来的代码：
` <div id="player">
<aplayer :music="music"
:list="list"
:showLrc="true"
:controls="false"
:autoplay="true"
/>
</div>

<script>
Vue.component('aplayer', VueAPlayer);
const app = new Vue({

    el: '#app',  

data: {

        music: "",  

list: [],
keyword: ""
},
`

现在改成.vue文件：
` <div id="player">
<aplayer :music="music"
:list="list"
:showLrc="true"
:controls="false"
:autoplay="true"
/>
</div>

<script>
import aplayer from 'vue-aplayer'

export default {

name: "music",  

components: {

    aplayer  

},
data() {

    return{  
        music: {},  

list: [],
keyword: ''
}

},  

`
改了半天还是没有找到原因。不太会用这个东西

Answer 1

根据其文档，music 属性必须包含一个 src 字段，而你的初值是 undefined。