Vue source data does not seem to be referenced

dave.stewart · May 14, 2019, 11:49am

Yeah - I’m dedicated alright!

I think this issue is probably related:

github.com/handsontable/vue-handsontable-official

Adding rows does not update vue instance data correctly

opened 10:30PM - 23 Feb 19 UTC

closed 11:07AM - 15 Jul 19 UTC

timwis

Status: Answered

### Description Adding rows (for example by enabling `minSpareRows` and press…ing enter on new rows does not update the data in the vue instance properly. I believe this is because Vue's reactivity system requires you use `Vue.set()` to add new rows to an array. [See details in vue docs here](https://vuejs.org/v2/guide/reactivity.html). ### Demo https://jsfiddle.net/nqu0oa69/ 1. Open the console 2. Type something in the blank row at the end and press enter. Your console should log both the vue instance data and the handsontable instance `getData()` result. They will be identical here. 3. Type something in the _new_ blank row and press enter. Now what's logged will be different: the vue instance data will not know about the new row that was created but the handsontable result will. ### Your environment * Vue wrapper version: 3.1.0 * Handsontable version: 6.2.2 (community) * Browser Name and version: firefox * Operating System: macos