动态循环elementUI自定义某列?

作者站长头像
站长
· 阅读数 15

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

          <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>
回复
1个回答
avatar
test
2024-07-16
<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>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容