audio插入背景音乐_vue.js怎么添加背景音乐

本文环境：windows7、vue2.9.6，该方法适用于所有品牌的电脑。

vue.js添加背景音乐的方法：

1. VUE 中 mp3 播放的loader 配置

webpack.base.conf.js 中

{

test: /\.(mp3)(\?.*)?$/,

loader: 'url-loader',

options: {

name: utils.assetsPath('assets/[name].[hash:7].[ext]')

}

vue-loader.conf.js 中

audio: 'src'

2. audio

点击按钮关闭/打开音乐

3. 控制音乐播放还是暂停methods: {

close() {

var audio = document.getElementById('music1');

if (audio.paused) {

audio.play(); // 播放

} else {

audio.pause();// 暂停

}

}