Vue2+element循环输出Table表格添加插槽

 

 <pl-table-column

              v-for="(i, ix) in tableList[index]"

              :key="ix"

              :label="i.label"

              align="center"

              :show-overflow-tooltip="true"

            >

              <template slot-scope="scope">

                <div v-if="i.label === '收货渠道'">

                  <div v-for="(k, kx) in scope.row[`key_${ix + 1}`]" :key="kx">

                    <span v-for="(t, tx) in k" :key="tx">{{ tx }}：{{ t }}票</span>

                  </div>

                </div>

                <div v-else>{{ scope.row[`key_${ix + 1}`] }}</div>

              </template>

            </pl-table-column>

            <!-- <pl-table-column

              v-for="(i, ix) in tableList[index]"

              :key="ix"

              :label="i.label"

              align="center"

              :show-overflow-tooltip="true"

            >

              <template slot-scope="scope">

                <div v-if="i.label === '收货渠道'" v-html="channelChange(scope.row[`key_${ix + 1}`])" />

                <div v-else>{{ scope.row[`key_${ix + 1}`] }}</div>

              </template>

            </pl-table-column>

          </pl-table> -->

 

channelChange(list) {

      let str = ''

      list && list.forEach((item, index) => {

        str += `${Object.keys(item)[0]}：${item[Object.keys(item)[0]]}<br/>`

      })

      return str

    },