How to solve the problem of repeated use of slot in vue report

reported error;

The

clipboard.png
code is as follows:

 <div class="row table-responsive scrollbar" ref="table" style="overflow: hidden" :style="containerStyle">
    <div>
    <el-collapse accordion>
      <el-collapse-item v-for="item in admintitle ">
        <template slot="title">
          {{item}}
        </template>
      <table class="table table-striped table-hover table-condensed scrollbar" :id="gridId" style="table-layout:fixed;margin-bottom: 0"
             :style="tableStyle">
        <thead>
        <tr :style="theadStyle">
          <th v-if="checked" class="col-md-1">
            <!---->
            <el-checkbox v-model="getSelectStatue" @change="changeAll"></el-checkbox>
          </th>
          <th v-for="(key,index) in columnsArr" :class="[specialClass(index), sortActive ? "headSort" : "" ]" :style="styleArr.length > 0 ? styleArr[index] : {}" @click="sort(key,index)" :key="index">
            <span style="vertical-align: middle">{{key.name}}</span>
            <span v-if="sortActive && !lastSort">
              <span class="table-sort" v-if="index != columns.length -1 && index != 0">
                <span :style="key.ascStyle"></span>
                <span :style="key.descStyle"></span>
              </span>
            </span>
            <span v-else-if="sortActive && lastSort">
              <span class="table-sort" v-if="index != 0">
                <span :style="key.ascStyle"></span>
                <span :style="key.descStyle"></span>
              </span>
            </span>
          </th>
        </tr>
        </thead>
        <tbody >
        <slot name="tbody">
        </slot>
        </tbody>
        <tfoot>
        <slot name="tfoot">
        </slot>
        </tfoot>
      </table>
      </el-collapse-item>
    </el-collapse>
    </div>
  </div>
May.28,2021

you add key to the v-for loop to try


you need to put the loop in the parent component, and you solve

.
Menu