Home  >  Q&A  >  body text

javascript - mounted后,能取到data下的数组的数据,无法取到length?

data () {
    return{
        list:[]
    }
},

methods: {
    getData() {
        this.$http.jsonp(url).then((data) => {
            data.list.map(item => this.list.push(item)
            console.log(this.list.length) // 10
        })
    }
},

created() {
    this.getData()
},

mounted() {
    console.log(this.list.length) // 0
}

怎么会这样?在mounted中打印this.list有数据

very much Thanks in advance~~~

大家讲道理大家讲道理2682 days ago205

reply all(3)I'll reply

  • 迷茫

    迷茫2017-04-11 11:27:12

    你ajax方法什么时候调用的?

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-11 11:27:12

    谢邀~

    很明显在你mounted (或log) 的时候, list就是为空的.
    log出的为这个对象的指针.//我是这么理解的.
    当你后期构造这个list对象的时候.依然会改变其内容.
    但是初始状态(log的时间点)是不会骗人的.Array[0]

    ps: 异步请求. then()的时候, mounted已经走完了.

    reply
    0
  • 迷茫

    迷茫2017-04-11 11:27:12

    把created写成computed试下,毕竟异步

    reply
    0
  • Cancelreply