在写学生选课报名的时候用到了弹框组件,于是引用了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取消")
          },
        });
      }

展示效果如下图

在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐