今天在敲代码的时候,又爆了一个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 } }) } } }
后来出现了看到了解决问题的答案:
这里import没有导入自己的index文件
这里要保证这三者相同,才可以,之前自己粗心写成this导致的