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

Created on 19 Jun 2018  ·  3Comments  ·  Source: vuejs/vue



Reproduction link

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.

Most helpful comment

All 3 comments

It should be $emit('update:itemAttribute', value), see

@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.

Was this page helpful?
0 / 5 - 0 ratings