Vue Audio Pending 状态复现 Bug交互示例：Vue Audio Pending 状态复现。 博客配套 Bug
← Demo 归档 
Vue Audio Pending 状态复现
Bug交互示例：Vue Audio Pending 状态复现。
新窗口打开
原路径
/static/html/bug-vue-audio-pending-status.html 在线预览
全屏打开
简介
复现 Vue 更新 DOM 时可能导致 <audio> 进入异常 pending / 无法播放的状态。用于排查音频元素被意外重渲染的问题。
如何测试验证
- 按页面步骤触发 Vue 更新（切换数据 / v-if）。
- 观察 audio readyState、networkState 与能否播放。
- 对比 key 固定 / 不销毁节点时的行为差异。
- 在 Chrome Media 面板查看请求是否被中断。