How the Object type of vue project is displayed in el-table

get the data of form A from the page, display it in form B, and get the Object format. How to display it in B?

the data of Table An is tableData, and that of Table B is tableData2

<el-table :data="tableData" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange">
            <el-table-column type="index" label="" width="100">
            </el-table-column>
            <el-table-column prop="expertId" label="ID" v-if="false"></el-table-column>
            <el-table-column prop="operation.isSelected" v-if="false">
            </el-table-column>
            <el-table-column prop="name.expertName" label="" width="140">
            </el-table-column>
            <el-table-column prop="cell" label="" width="100">
            </el-table-column>
            <el-table-column prop="professionField" label="" width="100">
            </el-table-column>
            <el-table-column prop="unit" label="" width="100">
            </el-table-column>
            <el-table-column prop="title" label="" width="100">
            </el-table-column>
            <el-table-column prop="position" label="" width="90">
            </el-table-column>
            <el-table-column prop="level" label="" width="90">
            </el-table-column>
            <el-table-column prop="accessLevel" label="" width="90">
            </el-table-column>
            <el-table-column prop="from" label="" width="90">
            </el-table-column>
            <el-table-column prop="role" label="" width="90">
            </el-table-column>
            <el-table-column prop="operation"label="" width="100">
                <template scope="scope">
                    <el-dropdown>
  <span class="el-dropdown-link">
    <i class="el-icon-edit"></i>
  </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item><el-button type="text" @click="changeToSelected(scope.row)"></el-button></el-dropdown-item>
                            <el-dropdown-item><el-button type="text" @click="changeToUnselected(scope.row.role,scope.$index,scope.row.operation.isSelected)"></el-button></el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </template>
            </el-table-column>
        </el-table>

format of tableData:

tableData2:

Mar.02,2021

json objects are not directly renderable?

Menu