鍍金池/ 問答/HTML/ vue.js用ajax渲染數(shù)據(jù)失敗有什么解決方案嗎？

vue.js用ajax渲染數(shù)據(jù)失敗有什么解決方案嗎？

1.請求
clipboard.png
2.渲染

clipboard.png

3.console.log(this.data_id);又可以
打印
clipboard.png

{{data_id}}卻渲染不出來

vue.js引入是沒問題的
這是。。。什么原因。。。。搞了很久也沒找出原因

回答
編輯回答
病癮

success:function(){

this 不在指向Vue實(shí)例了

}
改成：success:()=>{

箭頭函數(shù)  this 任然指向Vue實(shí)例了

}

2017年3月4日 20:12
編輯回答
涼心人

this.data_id=res[0].user_id;
改成
vm.data_id=res[0].user_id;

2017年2月5日 17:23
編輯回答
離魂曲

this指向原因

get_user(){
var _this =this;
ajax...
_this.data_id = res[0].user_id
}
2018年8月22日 09:26
編輯回答
下墜

你的this并不是指向vue實(shí)例~

getUser(){
  const that = this
  ...
  ...
  that.data_id = res[0].user_id
}
2018年7月6日 03:45
編輯回答
心夠野

改成這樣success:(res)=>{this.data_id=res[0].user_id}?

2017年2月6日 17:53
編輯回答
大濕胸

改用箭頭函數(shù)就沒事了。
()=>{}
this指向不清楚的原因，可以看一下相關(guān)的文章。

2017年6月16日 01:50