摘要:子组件给父组件通信如果子组件想要改变数据呢这在中是不允许的,因为只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的子组件传递的数据通过绑定事件在里面使用事件来注册事件并且传递数值到父组件中父组件
子组件给父组件通信
如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的
子组件:
通过绑定事件upData,在里面使用$emit事件来注册childData事件,并且传递数值this.msg到父组件中
父组件:
//监听子组件触发的事件,然后调用change方法
父组件通过监听子组件的childData的事件,来触发自己的绑定的changData事件,并将值获取复制给自己的msg
到这里就完成了子组件给父组件传递数据的过程
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/93537.html
摘要:子组件给父组件通信如果子组件想要改变数据呢这在中是不允许的,因为只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的子组件传递的数据通过绑定事件在里面使用事件来注册事件并且传递数值到父组件中父组件 子组件给父组件通信 如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据...
摘要:子组件给父组件通信如果子组件想要改变数据呢这在中是不允许的,因为只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的子组件传递的数据通过绑定事件在里面使用事件来注册事件并且传递数值到父组件中父组件 子组件给父组件通信 如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据...
总结一下对vue组件通信的理解和使用。 一、组件目录结构 父组件:app.vue 子组件:page1.vue 子组件:page2.vue 父组件 app.vue 请输入单价: import Page1 from ./components/page1; import Page2 from ./components/page2; export de...
阅读 2614·2023-04-25 15:22
阅读 2797·2021-10-11 10:58
阅读 959·2021-08-30 09:48
阅读 1777·2019-08-30 15:56
阅读 1697·2019-08-30 15:53
阅读 1046·2019-08-29 11:16
阅读 1022·2019-08-23 18:34
阅读 1604·2019-08-23 18:12