1.用户点击删除按钮会执行handleDelete方法,此处需要完善handleDelete方法,弹出确认提示信息。ElementUI提供了$confirm方法来实现确认提示信息弹框效果
// 删除 handleDelete(row) { //alert(row.id); this.$confirm("确认删除当前选中记录吗?","提示",{type:'warning'}).then(()=>{ //点击确定按钮时只需此处代码 alert('用户点击的是确定按钮'); }); }
2.
如果用户点击确定按钮就需要发送ajax请求,并且将当前检查项的id作为参数提交到后台进行删除操作
实现步骤:
-
提示是否删除
-
确认删除,发送axios请求,进行回调处理
-
删除成功,提示服务器返回的正常消息,刷新当前页面
-
删除失败,提示服务器返回的错误消息
// 删除 handleDelete(row) { // 提示是否删除 this.$confirm("确定删除吗?","提示",{type:'warning'}).then(()=>{ console.log("row id:"+row.id); // 确认删除,发送axios请求,进行回调处理 axios.post(this.backend_url+"/checkitem/delete.do?id="+row.id).then((response)=>{ if (response.data.flag){ // 删除成功,提示服务器返回的正常消息 this.$message({ message:response.data.message, type:'success' }); // 刷新当前页面 this.findPage(); }else{ // 删除失败,提示服务器返回的错误消息 this.$message.error("删除失败,"+response.data.message); } }); }); }
-