应用可见性(App Visibility)

Quasar利用Web Page Visibility API,可以让您知道网站/应用何时可见或被聚焦。

安装

Edit /quasar.conf.js:

framework: {
plugins: ['AppVisibility']
}

基础用法

// 在Vue文件之外
import { AppVisibility } from 'quasar'

(Boolean) AppVisibility.appVisible

// 在Vue文件之中
(Boolean) this.$q.appVisible

例子

观看浏览器选项卡/应用可见性更改::

// Vue文件
<template>...</template>

<script>
export default {
watch: {
'$q.appVisible' (val) {
console.log(val ? 'App has focus now' : 'App lost focus (was minimized')
}
}
}
</script>