Reactive array name in Vue methods?

Asked Apr 17 '21 at 15:24

Active Apr 17 '21 at 15:59

Viewed 21 times

How can I make the array name reactive?

deleteFoto3(index, item) {
   //index = 3
// this.editedItem.arrayImages +`${index}` //Something like that...
     const index = this.editedItem.arrayImages3.indexOf(item);
     if (index > -1) {
        this.editedItem.arrayImages3.splice(index, 1);
        this.editedItem.NameImages3.splice(index, 1);
     }
},

edited Apr 17 '21 at 15:59

asked Apr 17 '21 at 15:24

Oleksii Zelenko

1,351
1
5
20

2

`this.editedItem["arrayImages" + index]` or `this.editedItem[\`arrayImages${index}\`]` – adiga Apr 17 '21 at 15:28
Yes thank you. You can add in the answer, I will vote. – Oleksii Zelenko Apr 17 '21 at 15:36
1

you should avoid having to need to use a 3 in the method/property name and instead use an array. – Lawrence Cherone Apr 17 '21 at 15:37
You can accept the duplicate at the top of the page – adiga Apr 17 '21 at 15:39
Also, you should consider using an array instead of using an object with consecutive numeric properties. – adiga Apr 17 '21 at 15:39
1

I have four arrays with photos. I work with firebase and it doesn't work with nested arrays. – Oleksii Zelenko Apr 17 '21 at 15:41

Reactive array name in Vue methods?

0 Answers0