Vue学习(二)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/f1370335844/article/details/82107905

碰到个问题,ajax请求返回数据后,通过vue展示不出来,也没报错。找了好久,才找到问题:

这是定义的方法。

submit: function () {
    console.log(this.form);
    $.ajax({
        url: '/user/form',
        data: JSON.stringify(this.form),
        type: 'post',
        dataType: 'json',
        contentType: "application/json",
        success: function (data) {
            console.log(data);
            //这里不应该用this.d = data.aa;,这个this指的不是vue对象,所以你去更改vue中的属性的时候,不起作用,并且在页面上展示不出来,所以直接用vue的引用(变量名去进行重新赋值)
            app.d = data.aa;
            console.log('ddddd:' + this);
        },
        error: function (data) {
            console.log(data)
        }
    });
}

猜你喜欢

转载自blog.csdn.net/f1370335844/article/details/82107905