我正在與BootstrapVue.
我想要做的是：我有一個b-form-input我在里面寫一個數字的地方。單擊我的后，我b-button想將此添加到我的inputs. 這很有效，但現在我想先檢查我的號碼是否仍在我的inputs.
問題：在嘗試向我添加內容后，我inputs總是收到以下錯誤：[Vue warn]: Error on v-on handler: "TypeError: this.inputs[i] is undefined"
我已經宣告我的資料中的所有內容都是正確的，沒有for-loop它就可以正常作業。這里的錯誤是什么？我想不通..
也當我嘗試這樣做時：this.inputs[0].number我得到了正確的資料..
感謝您嘗試幫助我！
我的模板中的代碼：
<b-form-input v-model="number"></b-form-input>
<b-button @click="addSomething(number)"></b-button>
我的腳本中的代碼：
addSomething(number) {
if(this.inputs != []) {
for(let i = 0; i <= this.inputs.length; i ) {
if(number === this.inputs[i].number) {
console.log("Still existing!");
} else if(number !== this.inputs[i].number) {
this.inputs.push({
INPUT_NUMBER: number,
})
}
}
}
},
uj5u.com熱心網友回復：
在i <= this.inputs.length您超出陣列邊界的情況下。在 JavaScript 中過度索引陣列回傳undefined.
固定處理程式應該是：
addSomething(number) {
if(this.inputs != []) {
for(let i = 0; i < this.inputs.length; i ) {
if(number === this.inputs[i].number) {
console.log("Still existing!");
} else if(number !== this.inputs[i].number) {
this.inputs.push({
INPUT_NUMBER: number,
})
}
}
}
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/385879.html
標籤：javascript Vue.js Vuejs2 引导-vue