94  
查询码:00000495
父子组件实现数据双向绑定
作者: 陈婉 于 2020年02月28日 发布在分类 / 人防组 / 人防前端 下,并于 2020年02月28日 编辑

因为vue涉及是单向数据流,数据流动方向只能是自上往下,所以vue中子组件是不能修改父组件的值的

但是我们可以通过.syncx修饰符来实现子组件修改父组件中的数据

1.父子间通过sync传值给子组件

<comp :foo.sync="bar"></comp>


2.当子组件需要更新foo值时,需要显示地触发一个更新事件

this.$emit("update:bar",newVal)
3.示例:

父组件

粘贴图片

子组件






 推荐知识

 历史版本

修改日期 修改人 备注
2020-02-28 15:42:03[当前版本] 陈婉 格式调整
2020-02-28 15:11:40 陈婉 创建版本

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp