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" />