vue中循环一个数组,不显示的问题,弄一个假数据,它反而会循环出来?why?

核心:就时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,'数据打印')
}
});
},

猜你喜欢

转载自www.cnblogs.com/myfirstboke/p/9134851.html
今日推荐