动态循环elementUI自定义某列？

Question

如下图，动态循环出来的，但是我想给“当前抢单权限”这列加个点击的弹窗，该怎么放呢，下面那样就放到到最后了

          <el-table-column
            v-for="(item,index) in tableHeadData"
            :label="item.name"
            :prop="item.value"
            align="center"
            :show-overflow-tooltip="true"
            :key="index"
            :width="index < 6 ? '120' : '100'"
            :fixed="index < 6"
            :sortable="item.dir ? 'custom' : false"
          ></el-table-column>
         
          <!-- 跑单总数 -->
          <el-table-column label="当前抢单权限" prop="grabLevel" width="100">
            <template #default="scope">
              <span @click="runAllNumber(scope.row)" class="sp-name">dianji</span>
            </template>
          </el-table-column>

Answer 1

<el-table-column
  v-for="(item,index) in tableHeadData"
  :label="item.name"
  :prop="item.value"
  align="center"
  :show-overflow-tooltip="true"
  :key="index"
  :width="index < 6 ? '120' : '100'"
  :fixed="index < 6"
  :sortable="item.dir ? 'custom' : false"
  >
  <template #default="scope" v-if="item.name === '当前抢单权限'">
      <span @click="runAllNumber(scope.row)" class="sp-name">dianji</span>
  </template>
</el-table-column>

Answer 2

<el-table-column
  v-for="(item,index) in tableHeadData"
  :label="item.name"
  :prop="item.value"
  align="center"
  :show-overflow-tooltip="true"
  :key="index"
  :width="index < 6 ? '120' : '100'"
  :fixed="index < 6"
  :sortable="item.dir ? 'custom' : false"
  >
  <template #default="scope" @click="tableClick(item)">
      <span @click="runAllNumber(scope.row)" class="sp-name">dianji</span>
  </template>
</el-table-column>

给元素绑定click事件 当点击时进入 tableClick 然后根据item里的属性值（假设有item.clickValue item.clickType）执行点击后的程序