我爱java系列—【弹出确认操作提示】

1.用户点击删除按钮会执行handleDelete方法，此处需要完善handleDelete方法，弹出确认提示信息。ElementUI提供了$confirm方法来实现确认提示信息弹框效果

// 删除
handleDeleterow) {
//alertrow.id);
this.$confirm"确认删除当前选中记录吗？","提示",{type:'warning'}).then)=>{
//点击确定按钮时只需此处代码
alert'用户点击的是确定按钮');
});
}

2.发送请求

如果用户点击确定按钮就需要发送ajax请求，并且将当前检查项的id作为参数提交到后台进行删除操作

实现步骤：

提示是否删除

确认删除，发送axios请求，进行回调处理

删除成功，提示服务器返回的正常消息，刷新当前页面

删除失败，提示服务器返回的错误消息

// 删除
handleDeleterow) {
    // 提示是否删除
    this.$confirm"确定删除吗?","提示",{type:'warning'}).then)=>{
        console.log"row id:"+row.id);
        // 确认删除，发送axios请求，进行回调处理
        axios.postthis.backend_url+"/checkitem/delete.do?id="+row.id).thenresponse)=>{
            if response.data.flag){
                // 删除成功，提示服务器返回的正常消息
                this.$message{
                    message:response.data.message,
                    type:'success'
                });
                // 刷新当前页面
                this.findPage);
            }else{
                // 删除失败，提示服务器返回的错误消息
                this.$message.error"删除失败,"+response.data.message);
            }
        });
    });
}

　　

愿你走出半生，归来仍是少年！