用vue做的專案,有個需求就是關閉瀏覽器的時候,需要往後臺提交有個介面,來監聽這個賬號有沒有下線。
網上找了很多種方法,一直沒有實現。
主要困惑點:
1、瀏覽器關閉是事件,是什麼
window.addeventlistener( 『beforeunload』,e =>(
執行…mounted () {
window.addeventlistener('beforeunload', e => {
window.localstorage.removeitem('titlename')
mounted () {
window.addeventlistener( 'beforeunload', e => this.set() );
methods:{
set(){
console.log('我是要呼叫的函式')
2、怎麼區分瀏覽器重新整理與關閉(網上找的方法,不知道出處是**,)
var _beforeunload_time = 0,_gap_time=0;
window.οnunlοad=function(){
_gap_time=new date().gettime()-_beforeunload_time;
if(_gap_time<=5){
//瀏覽器關閉
$.ajax({
url:'/movecheck/logout',
// datatype:"json",
cache:false,
type:'post',
async:false,
success:function(dt){
// console.log(dt)
error:function(dt){
window.οnbefοreunlοad=function(){
_beforeunload_time=new date().gettime();
突然靈機一動,第乙個是 能執行介面,但是區分不了重新整理與關閉,第二個能區分重新整理與關閉,執行不了介面,那為何不把這兩個結合起來,哈哈哈哈。。。。。恩,問題解決了(機智如我)
addeventlistener,好好看看這個事件,不說了
close事件 vue vue元件通訊總結
11月份的面試越來越覺得自己學的不夠踏實和深入。現在實習了有空總結下 京東前端實習一道面試題 vue中元件通訊介面有哪些,除了props和 emit?注意是介面,我說了vuex和localstorage,立馬就被否決了 props最常見的父子通訊介面,但是props是單向資料流的形式 父級 prop...
close事件 vue vue 觸發父子元件事件
專案接觸多了,用vue開發專案比較喜歡元件化,乙個彈框,乙個模組都可能寫成子元件 父元件觸發子元件事件 這時需要觸發子元件的事件,例如顯示左側彈框時需要觸發事件調介面查資料,子元件的方法是gettimechannel this.refs.drawercount.gettimechannel 這樣子元...
vue Vue中的事件和方法
v on click methodfun 注意方法名後面不要跟 newvue methods 如果需要事件物件 click methodfun var1,event event 是vue內建的事件物件 newvue 原生html元素繫結事件 可以直接 事件名稱 自定義元件繫結原生事件寫法必須是 事件...