背景
實現(xiàn)注冊功能,控制臺報錯:
Cannot destructure property 'username' of 'undefined' as it is undefined
原因
不知道
導(dǎo)出發(fā)請求的函數(shù)時使用解構(gòu)賦值攜帶了未定義的參數(shù)文章來源:http://www.zghlxwxcb.cn/news/detail-768146.html
// src\api\index.js
export const register = ({ username, password, repassword }) => {
return request({
url: '/api/reg',
method: 'POST',
data: {
username: username,
password: password,
repassword: repassword
}
})
}
// src\views\register\index.vue
registerFn () {
this.$refs.form.validate(async valid => {
if (valid) {
const res = await register(this.form)
}
})
}
解決
在頁面處處理解構(gòu)文章來源地址http://www.zghlxwxcb.cn/news/detail-768146.html
// src\api\index.js
export const register = (data) => {
return request({
url: '/api/reg',
method: 'POST',
data
})
}
// src\views\register\index.vue
registerFn () {
const { username, password, repassword } = this.form
this.$refs.form.validate(async valid => {
if (valid) {
const res = await register({ username, password, repassword })
? ? ? ? }
? ? }
到了這里,關(guān)于Cannot destructure property ‘username‘ of ‘undefined‘ as it is undefined的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!