¿Cómo puedo eliminar filas anidadas en LWC?
<template for:each={parentArray} for:item="parent" for:index="index"> //Code for parent rows <template for:each={parent.childArray} for:item="child" for:index="indx"> //Code for child rows <td> <lightning-button-icon icon-name="utility:delete" value={indx} variant="bare" onclick={handleRemove}></lightning-button-icon> </td> </template> </template>Entonces, cuando hago clic en eliminar, puedo obtener el índice de la fila secundaria. ¿Cómo sabría que esta fila pertenece a esta fila principal? Algo como esto:
this.parentArray[0].childArray.splice(index, 1);Justo como esto Aquí he agregado manualmente el índice principal, pero ¿cómo puedo obtener el índice dinámicamente en mi controlador JS?
Tengo mi respuesta y la estoy publicando aquí si alguien enfrenta el mismo problema, entonces puede relacionarlo. Lo que hice. Solo usé un atributo si pasé mi índice principal allí y al mismo accedí en mi controlador JS
<template for:each={parentArray} for:item="parent" for:index="index"> //Code for parent rows <template for:each={parent.childArray} for:item="child" for:index="indx"> //Code for child rows <td> <lightning-button-icon icon-name="utility:delete" value={indx} variant="bare" onclick={handleRemove} name={index}></lightning-button-icon> </td> </template> const parentIndex = event.target.name; this.parentArray[parentIndex].childArray.splice(index, 1);Funcionó.