Vue弹框组件this.$confirm

在写学生选课报名的时候用到了弹框组件，于是引用了this.$confirm,此方法同vue-element中的方法基本一致,

show_tank(record) {
        var that = this
        that.$confirm({
          title: '您确定要选择这门课报名吗?',
          content: '当前只能报名一种选修课，报名后，不可取消，不可修改',
           closable: true, //是否显示右上角的x
           maskClosable: true,//触发阴影层的点击关闭
           onOk: function () {
              var id = record.id
            let httpurl = that.url.addSelectionPeople
              getAction(httpurl   '?id='   id).then((res) => {
                if (res.success) {
                  that.$message.success(res.result);
                  that.loadData();//刷新列表
                }else {
                  that.$message.warning(res.message);
                }
              })
            },          
          onCancel() {
            console.log("on取消")
          },
        });
      }

展示效果如下图

这篇好文章是转载于：学新通技术网