.sync modifier doesn't work for deeply nested object in a v-for

[jacobgoh101]

Version

2.5.16

Reproduction link

https://jsfiddle.net/jacobgoh101/g5bv0esd/1/

Steps to reproduce

Using .sync modifier for an array of objects in a v-for loop

What is expected?

.sync modifier should update parent's data

What is actually happening?

.sync modifier doesn't update parent's data

---

Manually adding events handler works. But .sync modifier doesn't.

[javoski]

It should be $emit('update:itemAttribute', value), see https://jsfiddle.net/g5bv0esd/5/

[feliperaul]

@javoski Please consider re-opening. The official guide, in the same section where the .sync is documented, states:

... we recommend you always use kebab-case for event names.

This has bitten me as well. Either the docs needs fixing or the code does.

[haoqunjiang]

@feliperaul vuejs/v2.vuejs.org#1648