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: