vue3动态改audio的src，改了，但是不生效（不能播放）

let audioSource = ref('')

axios(...).then(res => {
  audioSource.value =  res.data.url
})

<audio  :src = "audioSource" />
//这样看到的效果：src是改了，但是不能播放

解决方法，用document.querySelector/Id等原生js获取节点或者$refs换

const audioRef = ref()

axios(...).then(res => {
  audioRef.value.src =  res.data.url
  //或者
  document.querySelector('#audioID').setAttribute("src", res.data.url)
})

<audio id="audioID" ref="audioRef" :src = "audioSource" />