Vue和ajax的this指针

web 专栏收录该内容
25 篇文章 0 订阅

为了测试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); //已被初始化
            }
        });
    }
})
  • 1
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值