想要实现效果:
image.PNG
实现方法:
- <el-table v-loading="loadingFlag" :data="tabledata" border class="f12">
- <el-table-column prop="agentName" label="已完成 kpi">
- <template slot-scope="scope">
- <span > 签约:</span>
- <span>{{scope.row.doneQDKpi}}</span>
- <br>
- <span > 结单:</span>
- <span>{{scope.row.doneJDKpi}}</span>
- </template>
- </el-table-column>
- </el-table>
在 el-table-column 标签中添加 slot-scope 属性 scope 是每次循环出的对象
来源: http://www.jianshu.com/p/49a3016568f9