vue子组件变化时数据同步到父组件

Question

目前在做一个多图文编辑功能，页面以（图片上传按钮+文本域）作为一个图文块子组件，用户可以对这个图文块进行内容编辑、增加图文块、删除图文块。以下是子组件：

Answer 1

可以用:text.sync="item.text"，这样子组件可以直接修改数据。参考文档。或者你可以使用事件，@change="update(item,$event)"，然后把修改后的数据以对象形式提交：this.$emit('change',{text:'xxx',image:'abc.jpg'})。