vue项目Object类型怎么在el-table显示

从页面中获取A表格的数据,显示到B表格中,取到的是Object格式,怎么显示到B中?

表A的data为tableData,表B的为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>

tableData的格式:
图片描述
tableData2的格式:
图片描述

阅读 6.9k
1 个回答

json 对象不是可以直接渲染?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题