今天在敲代码的时候,又爆了一个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文件