单项删除再次确认框

最新推荐文章于 2024-11-02 12:42:04 发布

小桥小桥

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量107

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qiaoyin33/article/details/129176021

版权

这段代码展示了在Vue.js应用中如何使用$confirm方法提示用户确认删除操作，包括设置确认和取消按钮，显示警告类型，以及在确认时调用接口并处理回调。在beforeClose和callback函数中处理加载状态和用户取消操作的情况。

摘要由CSDN通过智能技术生成

 this.$confirm("确定删除该条数据?", "提示", {
          cancelButtonText: "取消",
          confirmButtonText: "确定",
          type: "warning",
        }).then(() => {});//在这里可以调接口，注意：.then后面要写一个回调函数

deleteClick(rowData) {
      let vm = this;
      vm.$confirm("确定要删除所选项吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        cancelButtonClass: "btn-custom-cancel",
        type: "warning",
        closeOnClickModal: false,
        showClose: false,
        beforeClose: function (action, instance, done) {
          if (action == "confirm") {
            vm.deleteParams([rowData.id]);
          }
          instance.confirmButtonLoading = false;
          done();
        },
        callback: function (action) {
          if (action != "confirm") {
            vm.$message({
              type: "info",
              message: "取消删除！"
            });
          }
        }
      });
    },