如何在父级中获取数组的正确对象
如何在父级中获取数组的正确对象
提问于 2020-01-11 02:56:17
在我的应用程序中，我有一个父组件，它查询api以填充对象数组。然后使用v-for循环将这些具有不同属性的对象传递给多个子组件。在一个子组件中，我可以通过一个带有文本输入的表单来编辑对象的某些属性。使用@change，我将其发送到父对象，这样我就可以在那里编辑对象并将其发布到api。但是，如何在数组中找到正确的对象呢？
我可以在父对象中循环数组，以根据id (其中一个属性)找到合适的对象，但这对我来说似乎非常慢。有没有办法直接获得正确的对象？或者，我在子组件中进行api调用以进行更新？这似乎不符合逻辑，因为父级不会知道对象发生了变化？
回答 1
Stack Overflow用户
发布于 2020-01-11 07:06:09
在v-for循环中，您可以访问数组中的元素索引
<div v-for="(item, i) in items" @change="update(item, i)"></div>
<script>
export default {
data() {
return {
myArray: [{}, {}]
}
},
methods: {
update(item, i) {
this.myArray[i] = item
}
}
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59687510
复制相关文章
相似问题
腾讯云开发者
