例如后端传来:

在这里插入图片描述

发现里面有嵌套格式的数据,我们该如何渲染呢??下面上代码:


<template>
  <el-table
      :data="tableData"
      stripe
      style="width: 100%">
    <el-table-column
        label="ID"
        prop="id">
    </el-table-column>
    <el-table-column
        label="Name"
        prop="username">
    </el-table-column>
    <el-table-column
        label="权限"
        prop="roles[0].nameZh">
    </el-table-column>
    <el-table-column
        align="right">
    </el-table-column>
  </el-table>
</template>


<script>
export default {
  data() {
    return {
      tableData: [],
    }
  },
  methods: {
    findAll(){
      this.axios.get('http://localhost:8989/users').then(res=>{
        this.tableData=res.data._embedded.users;
        console.log(this.tableData);
      })
    },
  },
  created() {
    this.findAll();
  }
}
</script>

<style>

</style>

Logo

前往低代码交流专区

更多推荐