uni.onAppShow监听应用切前台事件

uni.onAppShow 监听应用切前台事件

从别的小程序跳转回来会携带参数,通过参数做操作

主要判断 res.query是不是空对象 不然每次都会执行

uni.onAppShow((res) => {
   
				console.log("onAppShow")
				console.log(res)				
				if (JSON
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
如果你需要在 Uni-app 中使用 Vue-router 并添加 `uni.createInnerAudioContext()` 和一些监听事件,可以按照以下步骤进行操作: 1. 首先,按照之前的步骤在项目中安装和配置 Vue-router。 2. 在需要使用音频播放的组件中,使用 `setup` 语法糖引入 `uni.createInnerAudioContext()` 和其他需要的函数和数据。 ```vue <template> <div> <button @click="play">播放</button> <button @click="pause">暂停</button> <button @click="stop">停止</button> </div> </template> <script> import { ref, onMounted, onUnmounted } from 'vue' export default { setup() { const audio = uni.createInnerAudioContext() const currentTime = ref(0) const play = () => { audio.src = 'path/to/audio.mp3' audio.play() } const pause = () => { audio.pause() } const stop = () => { audio.stop() } const handleTimeUpdate = () => { currentTime.value = audio.currentTime } onMounted(() => { audio.onTimeUpdate(handleTimeUpdate) }) onUnmounted(() => { audio.destroy() }) return { play, pause, stop, currentTime } } } </script> <style scoped> /* 组件的样式 */ </style> ``` 3. 在需要使用路由的页面中,按照之前的步骤配置 Vue-router,并在组件中使用 `<router-link>` 和 `<router-view>`。 ```vue <template> <div> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <router-view></router-view> </div> </template> <script> export default { // 页面的逻辑 } </script> <style scoped> /* 页面的样式 */ </style> ``` 这样,你就成功地在 Uni-app 中使用了 Vue-router,并在音频播放组件中添加了 `uni.createInnerAudioContext()` 和一些监听事件。记得根据你的项目需求进行相应的配置和修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值