vue声音报警功能

1.在页面上添加audio

<template>
	<div>
		<audio id="audio" src="/static/newjingbao.mp3"/>  //src 后面的链接是我保存在static文件下的一段报警声
		<el-button type="warning" icon="el-icon-edit"  @click="startplay">开始播放</el-button>
	</div>
</template>

2.利用watch 监听值改变，打开音频

export default {
		name: "scancode",
		data() {
			return {
				startaudio:0
			}
		},
		watch: {
			'startaudio': function () {
			     this.startplay()
			}
		},
		methods:{
			playaudio() {
				var audio = document.getElementById('audio')
				audio.play()  //播放一段音频
				//audio.pause()  //暂停一段音频
			},
			startplay(){
				this.startaudio=1  //改变值
			}
		}
		
}