vue table刷新单行数据
1.给el-table加上标记方法
<el-table v-loading="loading" :data="tagList1" @selection-change="handleSelectionChange1" :row-class-name="tableRowClassName">
tableRowClassName({ row, rowIndex }) {
row.index = rowIndex;
},
2.提交数据到后台,重新获取此行数据
confirmBut(row, type, tabIndex){
let _this = this
let putParam = {"confirmId": row.confirmId, "type":type}
editConfirmInfo(putParam).then(res =>{
if(res.code == 200){
//更改单行数据
//重新去数据库中获取
this.msgSuccess("成功");
_this.changeLine(row, tabIndex)
}else{
this.msgError("失败,刷新页面查看事件是否已被确认!")
}
})
},
changeLine(row, tabIndex){
selectSmtTagAllById(row.id).then(response => {
if(tabIndex==1){
this.tagList1.splice(row.index,1,response.data)
}else if(tabIndex==2){
this.tagList2.splice(row.index,1,response.data)
}else if(tabIndex==3){
this.tagList3.splice(row.index,1,response.data)
}
});
},