我正在嘗試在 Vue 3 中設定一個按鈕功能,用于處理在 for 回圈中將物件推送到陣列,而 i < 5:
const addFeatureObjs = () => {
for (let i = 0; i < 5; i ) {
// featureObjArray.value.push({ id: null, feature: null })
featureObjArray.value[i] = { id: null, feature: null }
}
}
到目前為止,我設定了一個 for 回圈來在 i < 5 時創建物件的 5 個實體。但是,我希望設定此函式,以便每次單擊按鈕呼叫以addFeatureObjs創建一個新物件,一次單擊一次,直到 5 個創建,而不是呼叫addFeatureObjs一次創建 5 個物件。如何設定此函式、for 回圈和陣列以允許一次創建每個物件,直到創建 5 個?
uj5u.com熱心網友回復:
只需length在推送之前檢查陣列的:
const addFeatureObjs = () => {
if (featureObjArray.value.length <= 5) {
featureObjArray.value.push({ id: null, feature: null });
}
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/492149.html
標籤:javascript 数组 for循环 目的 Vuejs3
上一篇:如何將物件中的專案轉換為陣列串列
