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

这篇具有很好参考价值的文章主要介绍了【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文章来源地址https://www.toymoban.com/news/detail-485422.html

this.$confirm(res.data, '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning',
              showCancelButton: false,  //是否显示取消按钮
              showClose: false, //是否显示右上角的x
              closeOnClickModal: true, //是否可以点击空白处关闭弹窗
            })
              .then(() => {
                // this.$message({
                //   type: 'success',
                //   message: '删除成功!'
                // });
              })
              .catch(() => {
                // this.$message({
                //   type: 'info',
                //   message: '已取消删除'
                // });
              });

到了这里,关于【vue】this.$alert、this.$confirm的简单使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包