uni-halo/src/App.vue

<script setup lang="ts">
	import { onHide, onLaunch, onShow } from '@dcloudio/uni-app'
	import { getCurrentInstance, onMounted, onUnmounted } from 'vue'
	import { navigateToInterceptor } from '@/router/interceptor'
	import { tabbarStore } from '@/tabbar/store'
	import { permission } from '@/router/permission'
	import { useAppConfigStore } from '@/store/appConfig'

	const { proxy } = (getCurrentInstance() || {}) as any
	const router = proxy?.$router

	router && permission.install(router)

	onLaunch((options) => {
		// 初始化获取配置
		useAppConfigStore()

		console.log('App.vue onLaunch', options)
	})
	onShow((options) => {
		console.log('App.vue onShow', options)
		// 处理直接进入页面路由的情况：如h5直接输入路由、微信小程序分享后进入等
		// https://github.com/unibest-tech/unibest/issues/192
		if (options?.path) {
			navigateToInterceptor.invoke({ url: `/${options.path}`, query: options.query })
		}
		else {
			navigateToInterceptor.invoke({ url: '/' })
		}
	})
	onHide(() => {
		console.log('App Hide')
	})

	// #ifdef H5
	function syncTabbarWhenPageVisible() {
		if (document.visibilityState === 'visible') {
			tabbarStore.syncCurIdxByCurrentPageAsync()
		}
	}

	onMounted(() => {
		document.addEventListener('visibilitychange', syncTabbarWhenPageVisible)
		window.addEventListener('pageshow', syncTabbarWhenPageVisible)
	})

	onUnmounted(() => {
		document.removeEventListener('visibilitychange', syncTabbarWhenPageVisible)
		window.removeEventListener('pageshow', syncTabbarWhenPageVisible)
	})
	// #endif
</script>

<style lang="scss">

</style>