element-ui 框架添加用户表单预验证

最新推荐文章于 2024-07-18 18:10:25 发布

qq_41596271

最新推荐文章于 2024-07-18 18:10:25 发布

阅读量363

点赞数 1

本文链接：https://blog.csdn.net/qq_41596271/article/details/99716428

版权

提交添加用户表单预验证

做个记录 /**/ 饿了么框架

为确定按钮绑定事件点击确认提交前的预验证

在这里插入图片描述

	// 添加用户对话框预验证
    addUserInfo() {
      this.$refs.addUserFromRef.validate( async valid => {
        // console.log(valid)
        // 失败了返回
        if(!valid) return
        // 成功了调用接口
        const { data:res } = await this.$http.post('roles',this.addUserFrom)
        if (res.meta.status !== 201) {
          this.$message.error('添加用户失败')
        }
        this.$message.success('添加用户成功')
        //关闭表单
        this.addDialogVisible = false
        //刷新列表
        this.getRolesList()
      })
    }