vue项目axios接收到多维数组怎么显示

Question

从后端返回的数据格式是这样的：

怎样才能获取到fromExpert中的expertName呢，console.log()什么 呢？，以及怎么样才能显示到表格中？

    <el-table :data="data" stripe border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange">
        <el-table-column type="index" label="序号" >
        </el-table-column>
        <el-table-column prop="fromExpert" label="替换前">
        </el-table-column>
        <el-table-column prop="toExpert" label="替换后" >
        </el-table-column>
        <el-table-column prop="reason" label="替换原因" >
        </el-table-column>
        <el-table-column prop="time" label="时间">
        </el-table-column>
    </el-table>

Answer 1

<el-table-column prop="fromExpert" label="替换前">
  <template slot-scope="scope">
    <span >{{ scope.row.fromExpert.expertName}}</span>
  </template>
 </el-table-column>

Answer 2

<el-table :data="dataLiIst"   //dataLiIst接收的是一个数组  正好你那返回的是个数组 赋给dataLiIst这个变量即可  剩下的你知道了  就是对应的prop是你的字段名 
//fromExpert.experName即可取到“范冰冰” 

Answer 3

在 table 里显示：

<el-table-column prop="fromExpert.expertName" label="替换前"></el-table-column>

打印数组里的 expertName :

array.forEach(item => console.log(item.fromExpert.expertName))