How to bind new rows with data in Vue?

Tags: #<Tag:0x00007f8b28ce9608>
#1

I couldn’t bind new rows with data.

When I edit a data which existed original, I could edit on handsonTable.
However, when I open context menu and add new row and edit it, my data never changed.

How do I bind my new rows with data?

I just want to make the same data on handsontable and data in client side.

#2

You need to add afterChange hook, it’s like an event in other Vue components. According to Vue design prop binding should be one way and changes from the child component should be propagated up through events.

#3

Thank you for you reply. I did it and solved my issue

#4