javascript 如何在循环中使用$emit将数组值传递给父对象？

68bkxrlz 于 2023-01-07 发布在 Java

关注(0)|答案(1)|浏览(167)

子组件将通过循环将值传递给父组件，父组件将对该值执行某些操作
我出错了，父组件无法接收子组件，每个传递的值都将丢失
子组件

let array =[{a:'1',b:'2'},{a:'3',b:'4'},{a:'5',b:'6'},{a:'1',b:'2'},....]
 for(let index in array){
     this.$emit('update', array[index])
 }

母体组分

update(product) {
     console.log(product);
 }

在我的控制台中，我只能获得部分子传递值
这是什么错误，我如何修复它？
这是我的示例，虽然错误无法重现，但代码是相同的，只是父代码没有显示所有
example

1条答案

你的代码应该工作正常，我没有看到你的代码有任何问题。我假设你是像这样捕获从子组件发射到父组件的事件。

<child @update="update"></child>

工作演示**：**
x一个一个一个一个x一个一个二个x

***建议：***为了提高性能，我的建议是传递整个数组，然后在父组件本身中进行数据操作，而不是将每个元素发射到父组件中。