1. 程式人生 > >vue中循環一個數組,不顯示的問題,弄一個假數據,它反而會循環出來?why?

vue中循環一個數組,不顯示的問題,弄一個假數據,它反而會循環出來?why?

UC ans res ram 最好的 his get 一個 ()

核心:就時this指向的問題,這種情況下最好打印出this看一下

可以在頁面渲染出那個數組

<div>{{listData}}</div>
就會看見神奇的事情,竟然時空的
解決方案:
getList () {
let _this=this
let params={
currentPage:_this.currentPage,
pageSize:_this.pageSize,
}
_this.ajax({
type: "post",
data: params,
url: "/author/fans/fansTimeList",
success (res) {
_this.listData=res.responseBody.data
console.log(_this.listData,‘數據打印‘)
console.log(_this,‘數據打印‘)
}

最好的解決方案時用箭頭函數。已改成箭頭函數

 

getList () {
let params={
currentPage:this.currentPage,
pageSize:this.pageSize,
}
this.ajax({
type: "post",
data: params,
url: "/author/fans/fansTimeList",
success: (res)=> {
this.listData=res.responseBody.data
console.log(this.listData,‘數據打印‘)
console.log(this,‘數據打印‘)
}
});
},

vue中循環一個數組,不顯示的問題,弄一個假數據,它反而會循環出來?why?