vue+element 表头循环出列

最新推荐文章于 2024-09-02 02:34:33 发布

九九八拾一

最新推荐文章于 2024-09-02 02:34:33 发布

阅读量2.1k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/wx2320061619/article/details/88847938

版权

vue 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

<template>
<el-table-column v-for="sh in headers" :prop="sh.uploadCode" align="center"   header-align="center"
           :label="sh.uploadName+((sh.measureUnit==null||sh.measureUnit=='')?'':('('+sh.measureUnit+')'))"  min-width="50">
    <template slot-scope="scope">
          <div v-if="sh.factorType==1" :class="'cellBg_'+scope.row['TAG_'+sh.factorCode]">
                <span>{{scope.row[sh.uploadCode]}}</span>
          </div>
     </template>
</el-table-column>
</template>
<script>
    export default {
        data() {//初始属性方法
            return {
                headers: [],  
            } 
        }  
    }
</script>

<style lang="less" scoped>
    .cellBg_1 { // 标颜色
        height: 100%;
        width: 100%;
        display: flex;
        color: red;
        justify-content: center;
        align-items: center;
    }
</style>