【vue】this.$alert、this.$confirm的简单使用

 一、this.$alert

参数:

        1. 提示框的内容

        2. 提示框的标题

        3. confirmButtonText是按钮的名称

        4. 点击确定后的回调函数

this.$alert(res.msg, "温馨提示", {
     confirmButtonText: "确定",
     callback: action => {
        this.$router.go(0);
     }
});

 二、this.$confirm

参数:

        1. 提示框的内容

        2. 提示框的标题

        3. confirmButtonText是确认按钮的名称

        4. cancelButtonText是取消按钮的名称

        5. type是消息类型,可以为successerrorinfowarning

this.$confirm(res.data, '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            })
              .then(() => {
                // this.$message({
                //   type: 'success',
                //   message: '删除成功!'
                // });
              })
              .catch(() => {
                // this.$message({
                //   type: 'info',
                //   message: '已取消删除'
                // });
              });

猜你喜欢

转载自blog.csdn.net/ChaoChao66666/article/details/131206870