1、上移、下移
<a-table >
<template #bodyCell="{column,recoed,index}">
<template v-if="column.dataIndex==='operate'">
<span @click="up(index)">上移</span>
<span @click="down(index)">下移</span>
</template>
</template>
</a-table>
const up=(index)=>{
if(index>0){
let temp=dataScource.vue[index-1]
dataScource.vue[index-1]=dataScource.vue[index]
dataScource.vue[index]=temp
}else{
message.warning('已经是第一条数据,不可上移')
}
}
const down=(index)=>{
if(index>0){
//dataScource.vue是table表格的数据
let temp=dataScource.vue[index-1]
dataScource.vue[index-1]=dataScource.vue[index]
dataScource.vue[index]=temp
}else{
message.warning('已经是最后一条数据了,不可下移')
}
}
3、添加,是在不调接口的情况下,自己进行添加
let p={
id:'',
code:'',
username:'',
index:''
}
//dataSource.value.length+1是为了让下标+1
dataSource.value.push(p,dataScource.value.length+1)
4、删除
const delete=()=>{
if(seq=='删除'){
Modek.confirm({
title:'是否删除',
onOk(){
dataScource.value.splice(seq,1)
}
})
}
}