VUE动态绑定audio的src不能播放

在做基于vue的音乐APP项目时遇到audio动态绑定src不能播放的问题，我的代码这样

 <audio controls="controls" loop="loop" id="myAudio" ref="myAudio">
        <source :src="currentsong.url" type="audio/mpeg" />
    </audio>

data:

currentsong: {
        name: "",
        id: "",
        img: "",
        url:''
      },

methods:

 this.$refs.myAudio.play()

播放不了，一开始我怀疑是自己地址是不是错了，就把地址url写死了

currentsong: {
        name: "",
        id: "",
        img: "",
        url:'https://music.163.com/song/media/outer/url?id=38576323.mp3'
      },

这样是可以播放的，但是达不到项目的需求，还是需要动态绑定src，
最终查看了vue的$refs特性，链接VUE
需要在 JavaScript 里直接访问一个子组件。为了达到这个目的，你可以通过 ref 这个 attribute 为子组件赋予一个 ID 引用，例如

<base-input ref="usernameInput"></base-input>

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件
所以将我的代码改为：

 <audio controls="controls" loop="loop" id="myAudio" ref="myAudio">
    </audio>

 this.$refs.myAudio.src=this.currentsong.url

这样就可以播放了