父组件与孙子组件之间传值解决方法

时间:2024-03-22 18:37:46

(1)父组件------》子组件: 方法传参
在子组件定义方法,接收参数,父组件调用子组件方法,将参数传给子组件
(2)子组件-------》孙子组件:props属性
通过props,属性传值给孙子组件

父-列表页面,点击详情弹框,弹框的内容(子) 又分别引入了 子组件(孙子)
父组件与孙子组件之间传值解决方法

父组件:

方法传值

在父组件页面调用子组件ProjecIndex 的地方,设置ref属性
父组件与孙子组件之间传值解决方法
点击 详情按钮,将id传值给 子组件showDetailDialog() 方法
父组件与孙子组件之间传值解决方法

子组件:

在方法里接收传过来的id

data()中定义projectId
父组件与孙子组件之间传值解决方法

showDetailDialog()方法,将参数id赋值给projectId父组件与孙子组件之间传值解决方法
props传值
在要传值的子组件上,设置属性,将projectId传过去
父组件与孙子组件之间传值解决方法

孙子组件

父组件与孙子组件之间传值解决方法