上類似代碼

// 父組件
<template>
    <childComponents v-for="item in items" :items="items" ref="childs"></childComponents>
    <button @click="addCom"></button>
</template>
<script>
    export default {
        data() {
            return {
                items: [{},{}]
            }
        },
        methods: {
            addCom() {
                this.items.splice(1,0,{})
                this.$nextTick(()=>{
                    this.$refs.childs.forEach((v)=>{
                        console.log(v.something)
                        // first, second, second
                    })
                })
            }
        }
    }
</script>

// 子組件
<template>
    <input v-model="something"></input>
</template>
<script>
    export default {
        data() {
            return {
                something: x //假設(shè)第一個輸入了first,第二個輸入了second,新增的第三個應(yīng)該是默認(rèn)的x
            }
        }
    }
</script>

在第一二個子組件輸入框輸入完，點擊button后，確實會在第二行增加一個子組件，但是子組件中的data不對，按照正確的格式，此時的子組件data的something應(yīng)該依次是first,x,second，可是實際情況卻是first,second,second，這種情況我該怎么辦。。謝謝各位了