Cannot set property 'pageData' of undefined?

Question

data () {
    return {
      pageData: []
    }
    
    
 axios.get('/api/tableData.json')
        .then(function(response) {
            console.log(111)
            response=response.data
            console.log(response.pageData)
            if(response.ret && response.pageData) {
              var data = response.pageData
              this.pageData = data
            }
    })

pageData不是已经定义了吗？为什么显示错误？

Answer 1

this问题,你的函数不是=>箭头函数,获取到的this不是vue实例,
改成

 axios.get('/api/tableData.json')
        .then(response => {
            console.log(111)
            response=response.data
            console.log(response.pageData)
            if(response.ret && response.pageData) {
              var data = response.pageData
              this.pageData = data
            }
    })

Answer 2

要么像二楼说的。
要么在axios.get('/api/tableData.json')
之前let _this = this;

 后面用_this 替代this