我正在嘗試將 API 資料推送到陣列，但我不斷收到此錯誤：“AddProject.vue Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'projects')”。有什么建議嗎？
newData 應該被推送到陣列中，我想從那里使用專案陣列來提取 API 資料。
uj5u.com熱心網友回復：
錯誤是您this在function ()表示法中使用。為了使其按預期作業，您應該使用箭頭函式。
const test = async () => {
//...
}
uj5u.com熱心網友回復：
首先， test() 應該是一個方法。其次，將右括號放在同一行的專案中。
uj5u.com熱心網友回復：
您不想在 中創建新功能methods，只需添加您的代碼（但確保安裝是異步的）：
<script >
export default {
data() {
return {
projects: [
]
}
},
async mounted() {
const data = await fetch("https://jsonplaceholder.typicode.com/posts");
const newData = await data.json();
console.log(newData)
this.projects = newData;
}
}
</script>
你可以這樣做：
async mounted() {
this.projects = await fetch("https://jsonplaceholder.typicode.com/posts").then(raw => raw.json());
}
例子
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/448428.html
上一篇：在Vue中按斜杠時的焦點輸入
下一篇：具有引數值的重復鍵