欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue+elementui 数据表格上下移动功能

程序员文章站 2022-07-14 17:05:48
...

如果后端只提供了一个接口,上下移动只用一个接口时候,如下

<el-table :data="list">
      <el-table-column prop="name" label="名称"></el-table-column>
      <el-table-column prop="id" label="管理" width="80">
        <template slot-scope="scope">
         <el-link
              :underline="false"
              type="info"
              @click="onMoveUp(scope.$index, scope.row)"
              :disabled="scope.$index === 0"
              ><i style="font-weight: bold" class="el-icon-top"></i></el-link>
            <el-link
              :underline="false"
              type="info"
              @click="onMoveDown(scope.$index, scope.row)"
              :disabled="scope.$index === list.length - 1"