前后端数据交互-----ncaught (in promise) TypeError: this.registerAPI is not a function-阿里云开发者社区

前后端数据交互-----ncaught (in promise) TypeError: this.registerAPI is not a function

2024-07-03 22

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 前后端数据交互-----ncaught (in promise) TypeError: this.registerAPI is not a function

今天在敲代码的时候，又爆了一个bug

Uncaught (in promise) TypeError: this.registerAPI is not a function，这句话的意思是？？这句话的意思是？自己写的form表单

未捕获（在承诺中）类型错误:this.registerAPI不是函数

        <el-form ref="form" :model="form" :rules="regRules">
            <el-form-item prop="username">
                <el-input placeholder="请输入用户名" v-model="form.username"></el-input>
            </el-form-item>
            <!-- 密码 -->
            <el-form-item prop="password">
                <el-input type="password" placeholder="请输入密码" v-model="form.password"></el-input>
            </el-form-item>
            <!-- 确认密码 -->
            <!-- 注册按钮 -->
            <el-form-item>
                <el-button class="button" type="primary" auto-insert-space @click="register">
                    注册
                </el-button>
            </el-form-item>
            <el-form-item>
                <el-link type="info">
                    ← 返回
                </el-link>
            </el-form-item>
        </el-form>

methods的方法：

export default {
    data() {
        return {
            form: {
                username: '',
                password: ''
            }
        }
    },
    methods: {
        // js兜底校验
 
        register() {
            this.$refs.form.validate(async valid => {
                if (valid) {
                    console.log(this.form)
                    const { data: res } = await this.registerAPI(this.form)
                    console.log(res)
                    if (res.code !== 0) return this.$message.error(res.message)
                    // 注册成功，提示用户
                    this.$message.success(res.message)
                    // 跳转到登录页面
                    this.$router.push('/login')
                } else {
                    return false
                }
            })
        }
    }
}