Vue中ajax返回的结果赋值
Posted 烦嚣城中
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中ajax返回的结果赋值相关的知识,希望对你有一定的参考价值。
这是第二次在项目中遇到此问题,ajax请求成功后在success函数中为Vue实例data里的变量赋值,却失败了
new Vue({
el:'#app',
data:{
msg:''
},
created:function(){
$.ajax({
url:'',
data:'',
dataType:'json',
success:function(res){
this.msg = res.data;
}
})
}
})
原因在于在ajax的success函数中,this的指向不再是vue的实例
解决办法可以先把this保存起来
new Vue({
el:'#app',
data:{
msg:''
},
created:function(){
var that = this;
$.ajax({
url:'',
data:'',
dataType:'json',
success:function(res){
that.msg = res.data;
}
})
}
})
参考资料
以上是关于Vue中ajax返回的结果赋值的主要内容,如果未能解决你的问题,请参考以下文章