v-for 中el-table遍历自定义的列，嵌套显示

    
    

      
      

       
       

      
      
      
      

       
       

        
          colunmName: ['澳中线-悉尼-仓库', '澳中线-悉尼-仓库1'],
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
              totalNumber: 100,
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
              data: [{
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                list: [
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  {
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    name: '澳中线-悉尼-仓库1',
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    value: 1
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  },
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  {
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    name: '澳中线-悉尼-仓库1',
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    value: 1
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  }
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                ],
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                userName: 'admin'
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
              }, {
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                list: [
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  {
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    name: '澳中线-悉尼-仓库1',
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    value: 1
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  },
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  {
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    name: '澳中线-悉尼-仓库1',
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                    value: 1
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  }
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                ],
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                userName: 'jason'
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
              }]
       
       
      
      
    
    

以上是数据

然后遍历数据代码

    
    

      
      

       
       

      
      
      
      

       
       
 
        
        <el-table
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        :data=
        
        "data"
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        border
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                >
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        <el-table-column
       
       
      
      

      
      

       
       

      
      
      
      

       
       
          
        
        prop=
        
        "userName"
       
       
      
      

      
      

       
       

      
      
      
      

       
       
          
        
        :label=
        
        "$t('user.username')"
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                >
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        </el-table-column>
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        <!-- 自定义列的遍历-->
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        <el-table-column v-for="(item, index) in colunmName" :key="index" :label="item" >
       
       
      
      

      
      

       
       

      
      
      
      

       
       
          
        
        <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
       
       
      
      

      
      

       
       

      
      
      
      

       
       
          
        
        <template slot-scope="scope">
       
       
      
      

      
      

       
       

      
      
      
      

       
       
           
        
        <span>{{scope.row.list[index].value}}
        
        </span>
       
       
      
      

      
      

       
       

      
      
      
      

       
       
          
        
        </template>
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        </el-table-column>
       
       
      
      

      
      

       
       

      
      
      
      

       
       
 
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        </el-table-column>
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        <el-table-column
       
       
      
      

      
      

       
       

      
      
      
      

       
       
          
        
        prop=
        
        "Total"
       
       
      
      

      
      

       
       

      
      
      
      

       
       
          
        
        :label=
        
        "$t('ad.totalNumber')"
       
       
      
      

      
      

       
       

      
      
      
      

       
       

        
                  >
       
       
      
      

      
      

       
       

      
      
      
      

       
       
        
        
        </el-table-column>
       
       
      
      

      
      

       
       

      
      
      
      

       
       
    
        
        </el-table>