遇到問題:需要定時重新整理獲取新的資料進行展示
解決方法:setinterval()
定時重新整理
備註:在vue專案中,我們該將重新整理放在生命週期的mounted
階段。
**:
//定時重新整理
mounted() else,6000)}},
//元件銷毀時清除
destroyed(),
首先看一下生命週期:
看一段**:(可貼上複製直接執行)
結果:
是不是很清楚呀!
所以,我們的setinterval
是放在mounted
上的。
注: 使用setinterval
時this指向的問題,如果我們直接使用this.timer=setinterval(function())
報錯的,因為this指向的是window,但是我們要觸發的函式是掛載在vm例項上的,所以需要使用箭頭函式。
vue強制重新整理元件
把乙個元件重置到初始狀態是乙個常見的需求,推薦的做法有兩種,一種是父元件重置子元件的 prop,另一種是子元件暴露乙個重置的方法供父元件呼叫。但有些時候,子元件既沒有提供重置的方法,也沒提供 prop 來重置自己的狀態。更重要的是,這個子元件我們還動不了。於是我們就需要一種 hack 的方式來強制子...
vue 強制重新整理元件
使用vue進行開發時,如果要重新整理當前路由,則呼叫router.go 0 方法即可。但是某些情況下,我們可能要求僅僅重新整理某個元件,而不是路由,那麼我們應該怎麼做呢?如果要在元件內部中進行強制重新整理,則可以呼叫this.forceupdate 強制重新渲染元件,從而達到更新目的。重新整理當前元...
vue頁面的定時重新整理
setinterval以指定時間為週期迴圈執行,一般用於重新整理表單,對於一些表單的假實時指定時間重新整理同步 在做乙個專案的時候,會遇到要求乙個頁面幾分鐘去定時重新整理一下獲取最新資料的情況,需要用到 setinterval 了,下面是自己使用的vue中查詢是否有未讀訊息的通知的定時器。templ...