父传子

1.1父组件准备数据

 Vue传值方式

 

 1.2给子组件注册定义属性

 Vue传值方式

 

 1.3子组件用props接收数据

Vue传值方式

 

 注意:这里我监听了 父组件的值

子传父

2.1:子组件准备数据

this.cstcde和thi.danme已经在子组件data中定义好了

Vue传值方式

2.2:子组件需要触发自定义事件,触发事件传递参数

Vue传值方式

Vue传值方式

confirm就是定义的事件,然后使用this.$emit传递参数

2.3:父组件接收数据,父组件需要给子组件注册一个自定义事件.父组件提供方法

Vue传值方式

 这里给子组件注册了自定义的事件 @open= "handleMerchan"

特别提醒!!! 在这里@open一定要和this.$emit中的第一个参数要一样!!!!

本人踩过坑

2.4:父组件可以通过提供的方法获取数据 

Vue传值方式

 父组件给子组件注册的自定义事件可以接收子组件传递的数据

 cstcde,danme就是子组件传给父组件的值!

非父子

路由传值

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-27
  • 2021-05-19
  • 2021-10-26
  • 2021-10-05
  • 2021-06-07
猜你喜欢
  • 2021-07-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-11
  • 2022-12-23
相关资源
相似解决方案