开云·体育(中国)官网入口-ios/安卓/手机APP下载

欢迎访问KAIYUN官网,开云体育,开云体育app,开云体育app下载,开云体育官方下载,开云体育官网入口手机版为您提供体育最快速最全面最专业的体育开云体育app新闻和赛事报道，开云体育APP官方网站主要开云体育官网入口有以下栏目：开云体育a开云体育apppp官方网站开云APP官网中国足球开云体育官网入口、国际足球、篮球、NBA、综合体育、奥运、F1、开云体开云体育app育官网入口开云体育官网入口开云体育官网入口网球开云体育app官方网站开云体育app、高尔夫、棋牌、彩票、视频、图片、博客、体育微博、社区论坛！

本篇文章给大家分享一个VU开云体育官网appE页面声音+标题闪烁通知的组件开云体育app，聊聊具体怎么使用这个组件 ，希望对大家有所帮助。

前端（v开云体育appue）入门到精通课程，老师在线开云体育app官方网站辅导：联系老师
Apipost开云体育app下载 = Post开云体育appman + Sw开云体育官网入口开云体育appagger开云体育app + Moc开开云体育官网入口云体育官网appk + Jmete开云体育appr 超好用的API调试工具：点击使开云体育app用

【相关推荐：vu开云体育官网入口ejs视频教程】

1.使用方法

1.1开开云体育app云体育app官方网站 组件模板引用

<开云体育appPageNotice ref开云体育app="pageNotice"开云体育app sound="/xxx/new_message.mp3" />

1.2开云体育app官方网站 支持的参数

sound: 通知时播放的声音

1.3 动态调用方法

$refs开云体育app.pageNotice.tip('你好','新消息') $refs.pageNotice.tip('有新开云体育app客户开云体育app访问')

2.组件源码开云体育app

PageNot开云体育app下载ice 组开云体育app开开云体育app云体育官网入口件源代码开云体育官网app如下

<template>
&l开云体育appt;div>
&开云体育appl开云体育appt;aud开云体育appio ref="audio" :src="sound"></audio>开云体育app;
</div>
</开云体育apptemplate>
<script>
export default {
nam开云体育appe: "PageNotice",
props: {
sound: {
type: String,
default: ''
},
},
data() {
return {
tipTimer: null,
tipTimerCoun开云体育appt: 0,
t开云体育appitleOld: null,
}
},
methods: {
tip(msg, type) {
this.doPageTitle(msg, type)
if (this.sound) {
this.doPlaySound()开云体育app
}
},
doClearTimer() {
clearInterval(this开云体育app.开云体育apptipTimer)
this.tipTimer = null开云体育app
if (this.titleOld) {
window.document.开云体育apptitle = this.titleOld
}
this.tipTimerCount = 0
},
doPageTitle(msg, type)开云体育app {
type = type || '提醒'
if (this.tipTimer) {
this.doClearTimer()
}
this.titleOld = document.title
this.tipT开云体育appimerCoun开云体育appt = 0
this.tipTimer = setInterval(() => {
this.tipTimerCount++
if (this.tipTimerCount % 2 === 0) {
window.do开云体育appcument.title = '【' + type + '】' + msg
} else {
window.document.title = '' + msg
}
if (this.tipTimerCount > 6) {
this.doClearTimer()
}
}, 500)
},
do开云体育appPlaySound() {
let audio = this.$refs.audio
if (!audio) {
re开云体育appturn开云体育app
}
try {
aud开云体育appio.pause()
audio.play()
} c开云体育appatch (e) {
}
}
}
}
</script>

程序员必开云体育app官方网站备开云体育app官方网站接口测试调试工具：点击使用

Api开云体育ap开云体育app下载p下载po开云体育a开云体育app官方网站ppst = Postman + Swa开云体育官网入口gger + Mock + Jmeter开云开云体育app体育a开云体育apppp

Api设计、调试、文档、自开云体育官网app动化测试工具开云体育官网入开云体育app口

网页生开云体育a开云体育apppp下载成APP，开云体育app用做网站的技术去做A开云体育app官方网站PP：立即创建

手机网站开发APP、自助封装APP、200+原生模块、2000+映射JS接口按需打包