H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【element-ui】关于elementUI表格组件,如何拆分数据?

clipboard.png

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

现需要改为这样的格式

clipboard.png

我现在就是不知道在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>

可是得到的结果是

clipboard.png

我想要的是将他们拆分开

回答:

官网 有写

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

本文地址:H5W3 » 【element-ui】关于elementUI表格组件,如何拆分数据?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址