Vue和ajax的this指针

来源:互联网 发布:国内免费空间可帮域名 编辑:程序博客网 时间:2024/06/04 23:33

为了测试vue的生命周期钩子函数,于是写了如下代码,在测试的时候发现vue中的this指针和生成的对象的app不是一样的信息。
困惑了许久总算明白了,因为vue中嵌套了jquery写的ajax,所以打印的this是ajax的指针,不是vue对象的指针,所以二者必然不同,不如不在ajax代码中打印this的话,那肯定和app是一样的。

var app =new Vue({    el: "#layout",    data: function () {        return {            transactions: []        }    },    beforeCreate: function () {        $.ajax({            type: "patch",            url: "/transaction/curd/1/20",//获取1-20条            dataType: 'json',            contentType: "application/json;charset=utf-8",            success: function (data) {                console.log("%c%s", "color:red","this " + this); //已被初始化                console.log("%c%s", "color:red","app" + app); //已被初始化            }        });    }})
原创粉丝点击