@qq.com iview实现表格上下移动

您好，要在iview的表格中实现上下移动，可以使用iview的Table组件的自定义单元格功能。具体步骤如下：

1. 在Table组件中设置 scoped-slot="cell"，并在其中定义自定义单元格的内容，例如：

   <Table :data="tableData" :columns="tableColumns" scoped-slot="cell">
     <template slot="cell" slot-scope="{ row, column, $index }">
       <div v-if="column.key === 'move'" class="move-buttons">
         <Button type="text" icon="ios-arrow-up" @click="moveUp($index)" />
         <Button type="text" icon="ios-arrow-down" @click="moveDown($index)" />
       </div>
       <div v-else>{{ row[column.key] }}</div>
     </template>
   </Table>

2. 在自定义单元格中添加上下移动的按钮，并为按钮绑定对应的点击事件，例如：

   methods: {
     moveUp(index) {
       if (index > 0) {
         const temp = this.tableData[index];
         this.tableData.splice(index, 1);
         this.tableData.splice(index - 1, 0, temp);
       }
     },
     moveDown(index) {
       if (index < this.tableData.length - 1) {
         const temp = this.tableData[index];
         this.tableData.splice(index, 1);
         this.tableData.splice(index + 1, 0, temp);
       }
     }
   }

注意，在移动数据时，需要使用splice方法将数据插入到对应的位置。

3. 最后，为上下移动的按钮添加样式，例如：

   .move-buttons {
     display: flex;
     flex-direction: column;
     align-items: center;
   }
   .move-buttons button {
     margin: 5px 0;
   }

这样，就可以在iview的表格中实现上下移动了。希望能对您有所帮助。