vue框架this指向問題

2021-10-08 00:11:26 字數 613 閱讀 7030

**塊

methods:

shsh()

;setinterval((

)=>

,500)}

,},created()

說明

①指向vue例項,vm是它的實際排程者

②指向window,因為它沒有實際排程者,在非嚴格模式下,沒有實際排程者,則this指向window。

③指向vue例項,因為這裡使用了箭頭函式,解決this指向問題,使得內部的this指向與外部相同

箭頭函式的使用

//原函式

this

.intervalid =

setinterval

(function()

,500

)//改為箭頭函式

this

.intervalid =

setinterval((

)=>

,500

)//去掉function,()後面打=>

參考文章

Vue中this的指向問題

在vue中通常會用this去呼叫在vue原型上的方法。handlesubmit2 ev requestlogin loginparams then data data if code 200 else else 我在函式體內寫了乙個this.router.push table 方法,其主要目的是為了...

Vue例項中this的指向問題

首先讓我麼看一些 先不要往下看,你自己先想一下這裡的this分別指的是什麼。接下來讓我們一齊 上面的 中有4個this,我們接下來就來 一下這些this分別指的是什麼內容。其實注意觀察,我們可以把上面 現的this簡單分為3類 一 鉤子函式中的this created鉤子函式 created 二 m...

vue在axios中 this 指向問題

在vue中使用axios做網路請求的時候,會遇到this不指向vue,而為undefined,可以使用箭頭函式 來解決。如下 methods then function response catch error es6中的 箭頭函式 內部的this是詞法作用域,由上下文確定 也就是由外層呼叫者vue...