关于elementUI表格组件，如何拆分数据？

Question

这是elementui框架的表格组件，7,9,0是后端传给我的，没做过任何处理。

现需要改为这样的格式

我现在就是不知道在element框架下，如何把7,9,0单独分离出来？

<!-- table -->
<el-table :data="tableData" stripe @selection-change="checkIdsAndStatus" v-loading="loading">
    <el-table-column prop="expect" label="期数" align="center"></el-table-column>
    <el-table-column prop="openCode" label="开奖号码" align="center"></el-table-column>
    <el-table-column prop="openTime" label="开奖时间" align="center"></el-table-column>
</el-table>

---

补充：
开始我也想到了用scope

<el-table-column prop="openCode" label="开奖号码" align="center">
    <div slot-scope="scope">
        <span class="m-circle">{{scope.row.openCode}}</span>
    </div>
</el-table-column>

可是得到的结果是

我想要的是将他们拆分开

Answer 1

官网 有写

<el-table-column ...>
      <template slot-scope="scope">
            ...
      </template>
</el-table-column>