后端swagger
public-src-api下对应的js文件中:
//表单数据删除
export function delFormData(param) {
return request({
url: '/smartcity-datamanagement/cimFormData/delFormData',
method: 'get',
params: {
ids: param.ids,
tableName: param.tableName,
userId: param.userId
}
});
}
相应的vue文件中:
删除按钮处写调用接口入口:
删除
引入js文件中写好的delFormData方法
vue中的methods,删除按钮的点击事件处
// 删除文件
deleteFiles() {
if (this.multipleSelection.length > 0) {
this.$confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
console.log(this.multipleSelection);
let idArr = [];//定义一个空数组
// 遍历勾选内容(多选)
this.multipleSelection.forEach(item => {
idArr.push(item.序号);//将各行的序号写入空数组
});
let param = {
ids: idArr.join(','),//并非数组形式,为字符串形式
tableName: this.$route.query.md5num,
userId: 4//先写死,后端后期修改
};
delFormData(param).then(res => {
if (res) {
this.$message.success('删除成功');
this.refreshData();//刷新页面
} else {
this.$message.warning('请稍后再试');
}
});
});
}
},
文章为作者独立观点,不代表 股票程序化软件自动交易接口观点