鍍金池/ 問答/HTML/ vue項(xiàng)目Object類型怎么在el-table顯示

vue項(xiàng)目Object類型怎么在el-table顯示

從頁面中獲取A表格的數(shù)據(jù),顯示到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="手機(jī)" width="100">
            </el-table-column>
            <el-table-column prop="professionField" label="業(yè)務(wù)領(lǐng)域" 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="職務(wù)" 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)">設(shè)為正選待選</el-button></el-dropdown-item>
                            <el-dropdown-item><el-button type="text" @click="changeToUnselected(scope.row.role,scope.$index,scope.row.operation.isSelected)">設(shè)為備選待選</el-button></el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </template>
            </el-table-column>
        </el-table>

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

回答
編輯回答
伴謊

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

2017年7月21日 21:09