YuxiangWang_0525的博客
·
原生APlayer在Vue 3中的使用方法
💡
原文中文，约1100字，阅读约需3分钟。
📝
内容提要
这篇文章介绍了Vue-APlayer项目停止更新的情况，并提供了新的解决方案。文章详细介绍了安装和引入APlayer，并解决了在Vue3中使用onMounted初始化APlayer的问题。最后，文章总结了教程的内容。
🎯
关键要点
- Vue-APlayer项目三年前停止更新，且只支持Vue2，不兼容Vue3。
- 安装APlayer的命令为npm install aplayer --save，yarn add aplayer或pnpm install aplayer。
- 引入APlayer时需要注意官方文档中的css路径错误，正确路径为'import 'aplayer/dist/APlayer.min.css'。
- 在Vue3中，使用onMounted初始化APlayer会导致不显示，应该在mounted()方法中初始化。
- 提供了初始化APlayer的代码示例，包括音频信息和封面图链接。
➡️
