注意 A：我不是在談論元素上的事件偵聽器，例如 @click
注B：我一直在“到處”尋找這個，但在任何地方都找不到。如果答案在那里，請隨意拍我的臉。
注意 C：我是 Vue 的初學者，正在嘗試學習東西
我想我可以將這些事件監聽器放在main.js中，但這似乎有點不對勁？另外，我如何從 main.js呼叫App.vue 中宣告的函式？
我猜在 App.vue 和生命周期中有更好更合適的方法來處理這個問題嗎？
任何幫助將不勝感激！
下面是兩個 vanilla JS 代碼示例，一個帶有window和一個帶有document：
window.addEventListener('offline', function() {
alert('You seem to be offline!');
});
document.addEventListener('visibilitychange', function() {
if (document.visibilityState === 'visible') {
alert('Hello again!');
}
});uj5u.com熱心網友回復：
您可以在 SFC的createdor掛鉤中設定事件偵聽器，如下所示：mounted
<script>
export default {
created () {
document.addEventListener('visibilitychange', this.handleVisibility, false)
},
methods: {
handleVisibility (e) {
if (document.visibilityState === 'hidden') {
// do what you like
} else {
// again do as you like
}
}
}
};
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/418654.html
標籤：