Quasar 運用 Web Page Visibility API，讓您知道網站/應用程式何時可見或處於焦點。
// quasar.config file
return {
framework: {
plugins: [
'AppVisibility'
]
}
}貼上內容
用法
import { AppVisibility } from 'quasar'
AppVisibility.appVisible // Boolean
// inside of a Vue file
import { useQuasar } from 'quasar'
setup () {
const $q = useQuasar()
// now use $q.appVisible (Boolean)
}貼上內容
監看狀態變更
<template>...</template>
<script>
import { useQuasar } from 'quasar'
import { watch } from 'vue'
export default {
setup () {
const $q = useQuasar()
watch(() => $q.appVisible, val => {
console.log(val ? 'App became visible' : 'App went in the background')
})
}
}
</script>貼上內容