vue-resource 使用interceptors的问题

Question

Vue.http.interceptors.push((request,next)=>{
    console.log(this) //此处打印出undefined
    next(function (response) {
        this.showLoading = false;  //此处的this是正确的
    })
})

在打印this处，我如何执行this.showLoading=true,显示正在加载？

Answer 1

不要用箭头函数！

Answer 2

Vue.http.interceptors.push(function(request,next){
    console.log(this) //改成这样就可以了，谢谢楼上
    next(function (response) {
        this.showLoading = false;  //此处的this是正确的
    })
})

Answer 3

箭头表示es6的写法，编译后也没什么问题吧