el-table-column 使用 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
          v-loading="loading"
          :data="rows"
          @selection-change="handleSelectionChange"
        >
          <el-table-column
            label="rewardPoints"
            align="center"
            prop="id"
            width="100"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="imageUrl"
            align="center"
            prop="code"
            width="100"
            :show-overflow-tooltip="true"
          />

          <el-table-column
            label="optionList"
            align="left"
            width="100">
            <template slot-scope="scope">
              <div v-for="(val,index) in scope.row.optionList" :key="index">
                <div>{{val.option+'\n'}}</div>
              </div>
            </template>
          </el-table-column>
        </el-table>

关注微信公众号【码农园区】私信拿完整源码