<template><vue-audio-player-plustype="starry"
:userName="userName"
:songList="ownerSongList"
@error="catchError"></vue-audio-player-plus></template><script>importVueAudioPlayerPlusfrom"vue-audio-player-plus"import"vue-audio-player-plus/styles/audio-player.css"exportdefault{components: {
VueAudioPlayerPlus
},data(){return{//这个属性是用来标识歌单的用户名称userName: 'This attribute is used to identify the user name of the playlist',ownerSongList: [{albumName: '看的最远的地方',albumImage: 'https://y.qq.com/music/photo_new/T001R150x150M000002raUWw3PXdkT.jpg?max_age=2592000',singerName: '张韶涵',songSrc: 'http://dl.stream.qqmusic.qq.com/C400001TRHPV3o91jx.m4a?guid=8095753185&vkey=17AFA341F1595392D5C17FDA126FD45BF6211F9CB6D3872EE600FB56D772C4669C90B90D3991A6DB36A0F441CC220CA1F613CC8D4038965B&uin=&fromtag=66'},{albumName: '破茧',albumImage: 'https://y.qq.com/music/photo_new/T001R150x150M000002raUWw3PXdkT.jpg?max_age=2592000',singerName: '张韶涵',songSrc: 'http://dl.stream.qqmusic.qq.com/C400003kSb8X2Ie1Ue.m4a?guid=8142605255&vkey=12E774E2826BA09A91E1E6618271E1DCEEECCA1AA7C083CC515D585F497D4EFFD47A2A8F93A1B46E0D5D8BA74E91B6B1B89A98C7C3569524&uin=771760794&fromtag=66'}]},methods: {catchError(err){console.log(err)}}}}</script>