App Visibility
Quasar makes use of the Web Page Visibility API which lets you know when a website/app is visible or in focus.
Installation
Edit /quasar.conf.js
:framework: {
plugins: ['AppVisibility']
}
Basic Usage
// outside of a Vue file |
Example
Watching for browser tab / app visibility changes:// vue file
<template>...</template>
<script>
export default {
watch: {
'$q.appVisible' (val) {
console.log(val ? 'App has focus now' : 'App lost focus (was minimized')
}
}
}
</script>