为了账号安全,请及时绑定邮箱和手机立即绑定

vue+jquery。用$.ajax发送请求更新数据,数据更新了,但是页面没有变化

/ 猿问

vue+jquery。用$.ajax发送请求更新数据,数据更新了,但是页面没有变化

潇潇雨雨 2019-01-05 11:47:44

问题描述

vue+jquery。用$.ajax发送请求更新数据,数据更新了,但是页面没有变化

相关代码

data: {
    myData:[];
}
methods:{
    get:function(){
        $.ajax({
            url: "http://XXXX",            type: "GET",
            data:{},
            success: function(res){
            // console.log(res[1]);
            his.myData = res[1];
            console.log(this.myData);
            },
        })
    }
}
    
<ul>
    <li class="text-left" v-for="(item, index) of myData">{{item}}</li>
</ul>
<p class="text-info" v-show="myData.length == 0">暂无数据...</p>

结果

结果console.log(this.myData)已经更新;但是视图没有更新,仍旧显示暂无数据


查看完整描述

1 回答

?
UYOU

this指向的问题,代码如下:

data: {    myData:[];
}
methods:{    get:function(){
        $.ajax({            url: "http://XXXX",            type: "GET",            context: this, // 把vue实例传过去或者使用箭头函数
            data:{},            success: function(res){            // console.log(res[1]);
            this.myData = res[1];            console.log(this.myData);
            },
        })
    }
}
    
<ul>    <li class="text-left" v-for="(item, index) of myData">{{item}}</li></ul>
<p class="text-info" v-show="myData.length == 0">暂无数据...</p>


查看完整回答
反对 回复 2019-01-05

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信