elementUI的table绑定数据更新

问题: <el-table>绑定数据不显示

情况描述: elementUI中的<el-table>标签通过:data="myDataList"来绑定data中的list变量

一般情况下, 在methods中, 使用 this.myDataList=res.data.dataFromServer 这类直接将从后端获取的数据赋值给myDataList,

但是假如我们需要对后端传过来的数据进行一定的重新处理再赋值给myDataList,

我之前的思路是: 从res.data.dataFromServer抽取后, 对myDataList进行push操作, 比如

this.$post("/demo/demo1",JSON.stringify(self.condition),(res)=>{
    res.data.dataFromServer.forEach(function(value,index){
        var item={};
        //省略 从res.data.dataFromServer中取值对item赋值 操作
        this.salesAmountList[i]=item;
    })
});

这时候会发现<el-table>中数据未显示.

解决方法: 设置一个中间变量, 对变量操作, 然后把这个变量赋值给table绑定的数据

this.$post("/demo/demo1",JSON.stringify(self.condition),(res)=>{
    var salesAmountList=[];
    res.data.dataFromServer.forEach(function(value,index){
        var item={};
        //省略 从res.data.dataFromServer中取值对item赋值 操作
        salesAmountList[i]=item;
    })
    this.salesAmountList=salesAmountList
});