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

Posted 2020-11-10 myfirstboke

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