Подскажите, как правильно обновить модель в родительском компоненте из дочернего без указания метода, а напрямую присвоить значение полученное из дочернего. Версия Vue2.
<template>
<div>
<EditInPlace
v-model="editModel"
// просто прописать присвоение значение модели не дает, только вызов события
@update="..."
>
</EditInPlace>
</div>
</template>
<script>
export default {
data() {
return {
editModel: { id:1, field: 'field_name'}
}
}
}
</script>
В дочернем компоненте "EditInPlace", стоит вызов:
this.$emit('update', newModelObject);
Опишу по другому. Этот дочерний компонент "EditInPlace", планируется использовать в разных места, и если в кратце его основная задача одна - передать родителю обновленные данные и обновить его v-model.