vue 请求接口然后处理数据 报错了~

Question

`methods:{

//请求
list(){
    let params = {
        searchStr: '',
        status:'',
        ruleType:'',
        beginDate:'',
        endDate:'',
        pageNum:1,
        pageSize:10
    };
    this.$axios.post('http://192.168.1.110:8080/rule/getRuleList',qs.stringify(params))
    .then(res=>{
        this.formData = res.data.rows;
    })
},
//处理数据
manageData(){
    let a = 5;
    this.list();
    let b = a + this.formData[0].id; //报错
    console.log(b);
}

},
mounted(){

this.manageData();

},`

this.formData[0].id 是有值的，但是报错了为什么呀~

Answer 1

你的 list 是个异步方法。

要么 async + await；要么让 list 返回一个 Promise，mounted 里最后两行放到 .then 里去去取值。