el-table循环

<el-table-column align="center" :key="index" :prop="item.prop" :label="item.label" v-for="(item, index) in pm10Header">

                    <template slot-scope="scope">

                      <span v-if="item.prop == 'lonLat'" :title="scope.row.lonLat">{{scope.row.lon.toFixed(2)}},{{scope.row.lat.toFixed(2)}}</span>

                      <span v-else class="content" :title="scope.row[item.prop]">{{scope.row[item.prop]}}</span>

                    </template>

                  </el-table-column>


<el-table :data="water.tableObj" style="width: 100%" size="mini" class="scroll-bottom">

<template slot="empty">

            <el-empty description="暂无数据"></el-empty>

          </template>

                <el-table-column align="center" label="序号" type="index"></el-table-column>

                <el-table-column align="center" show-overflow-tooltip :label="item.label" :prop="item.prop" :min-width="item.width" v-for="(item,index) in water.tableHeader" :key="item.prop">

                    <template slot-scope="scope">

                        <span>{{scope.row[item.prop]}}</span>

                    </template>

                </el-table-column>

              </el-table>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容