vue 前端頁面無操作時,執行某些操作

2021-10-19 23:25:18 字數 638 閱讀 5354

使用者長時間不再操作電腦的時候,應該給使用者自動退出系統,這樣可以防止有別人使用電腦操作上乙個使用者的資料。

或使用者長時間不操作,隱藏滑鼠等。

設定乙個計數值,利用js原生的事件,對滑鼠,鍵盤進行監聽,如果一有觸發的滑鼠,鍵盤的話,就將計數值清零,否則,計數值一直累加,當累加到乙個目標值,即那個無操作退出系統的時間就可以觸發退出系統函式。

data ()

},mounted ()

this.x = x1

this.y = y1

}// 監聽鍵盤

document.onkeydown = () =>

// 監聽scroll

document.onscroll = () =>

this.settimer()

},// 最後在beforedestroy()生命週期內清除定時器:

beforedestroy () ,

methods: ,

settimer ()

},cookietimeout () )

settimeout(this.logout, 10000)

// console.log('aaaa', this.count)}},

logout () )}},

}

vue實現前端頁面快取

在vue中實現頁面快取 只需要新增keep alive標籤 例如下方 keep alive 接下來我們就需要來聊聊keep alive標籤對vue生命週期的影響 被keep alive包裹的元件,載入過的頁面,再次進入時,是不會執行頁面第一次進入時的部分生命週期函式。並且被keep alive包裹的...

JSP前端頁面無法取到值,其實是cookie的原因

分享乙個今天遇見很nc的問題 業務實現需求 登入時勾選記住賬號,登入成功則讓登入頁面下次自己去cookie取值,取到就自動填充到賬號的input上 後台control 如下 思路 1.建立cookie 2.設定cookie的引數 3.寫入cookie cookie useraccount cooki...

VUE重複修改屬性值頁面無法及時渲染問題

最近在做vue專案時遇到乙個坑。a方法修改某一屬性的值後,呼叫b方法,b方法裡面修改同一屬性,雖然該屬性的值已發生變化,但是一直無法及時渲染到頁面上 例如 data js方法 a b 雖然最後輸出的i是2,但是頁面上渲染的經常是1 後來通過查資料發現可以通過set方法來解決這個問題js如下 that...