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

Question

问题描述

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)已经更新；但是视图没有更新，仍旧显示暂无数据

Answer 1

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