Vue: .sync modifier doesn't work for deeply nested object in a v-for
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.
jacobgoh101
👍3
All 3 comments
It should be $emit('update:itemAttribute', value), see https://jsfiddle.net/g5bv0esd/5/
javoski
on 19 Jun 2018
@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.
feliperaul
on 20 Jun 2018
👍1
@feliperaul https://github.com/vuejs/vuejs.org/issues/1648
sodatea
on 20 Jun 2018
👍2
Was this page helpful?
0 / 5 - 0 ratings
Related issues
bdedardel
·
3Comments
6pm
·
3Comments
bfis
·
3Comments
seemsindie
·
3Comments
paulpflug
·
3Comments
Most helpful comment
@feliperaul https://github.com/vuejs/vuejs.org/issues/1648