element使用this.$msgbox避免 el-dialog写太多

最新推荐文章于 2024-07-18 10:53:53 发布

qq_41167488

最新推荐文章于 2024-07-18 10:53:53 发布

阅读量1.7k

点赞数 1

文章标签： vue javascript elementui

本文链接：https://blog.csdn.net/qq_41167488/article/details/119785331

版权

element UI使用this.$msgbox避免 el-dialog写太多

this.$msgbox({
            title: "修改安全策略",
            message: h(组件名称, {
              props: {
                row,
              },
              on: {//表单监听
                "update:form": (e) => {
                  form = e;
                  console.log(form);
                },
              },
            }),
            beforeClose(action, instance, done) {
              if (action == "confirm") {
                instance.confirmButtonLoading = true;
                instance.confirmButtonText = "提交...";
                console.log(instance);
               ajax(data)
                  .then(
                    (res) => {
                     //...
                      done();
                    },
                    () => {}
                  )
                  .finally(() => {
                    instance.confirmButtonLoading = false;
                    instance.confirmButtonText = "确定";
                   //....
                  });

                return;
              }
              done();
            },
          });