关于Vue弹框组件this.$confirm

Geng0520

已于 2023-01-29 16:31:13 修改

阅读量6.9k

点赞数 5

文章标签： vue.js javascript ecmascript

于 2022-06-08 18:28:02 首次发布

本文链接：https://blog.csdn.net/qq_43659075/article/details/125190013

版权

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