Question:

Why VueJs console.log giving the correct value but not updating in the template?

The concept is that the user can enter the price again by pressing the "alt gr" key if they leave the input field empty. Though my input does not update that value, clicking on another part of the page adds it, which is odd since it should be updating the value right now. (At the moment, I do not condition whether the input is empty or not.) The console.log provides me with the expected result.

To update the array at the index where the item is located, simply use the $set helper instead of looping over the array. id === id :

setPrice(id) {

const index = this.details.findIndex( detail => detail.id === id )

const foundDetail = this.details[index]

this.$set(this.details, index,{...foundDetail , price:foundDetail.priceOne })

}

>How to Build a RESTful API Using Node Express and MongoDB- Part 1

>How to build an Electron application from scratch?

>How to build interactive_graphviz in Python

>How to change the project in GCP using CLI command

>How to create a line animation in Python?

>How to create a new/simple PHP script/function with cURL to upload simple file (video.mp4)?