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

会武功的三脚猫
  • 8

从后端返回的数据格式是这样的:
图片描述
怎样才能获取到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>

回复
阅读 3.5k
3 个回答
<el-table-column prop="fromExpert" label="替换前">
  <template slot-scope="scope">
    <span >{{ scope.row.fromExpert.expertName}}</span>
  </template>
 </el-table-column>
<el-table :data="dataLiIst"   //dataLiIst接收的是一个数组  正好你那返回的是个数组 赋给dataLiIst这个变量即可  剩下的你知道了  就是对应的prop是你的字段名 
//fromExpert.experName即可取到“范冰冰” 

在 table 里显示:

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

打印数组里的 expertName :

array.forEach(item => console.log(item.fromExpert.expertName))
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏