父组件给孙子组件传值

父组件给孙子组件传值

在A页面中使用了组件B，组件B使用了组件C。那么A组件就是父组件（父亲）,B组件是子组件（儿子），C组件为孙组件（孙子）。

父组件（父亲）给孙组件（孙子）传值。

通过 $attrs 可以实现把父亲的值传给孙子

1. 在A页面中，使用B组件（儿子）的位置绑定需要传到C组件的参数值(exportData为需要传给孙组件的数据)

  <template>
    <div>
      <ytHandleTable :exportData="exportData"></ytHandleTable>
   </div>
  </template>

2. 在B子组件中，使用C组件的位置绑定$attrs,如下：

  <template>
    <div>
      <ytsqExportTable v-bind="$attrs"></ytsqExportTable>
   </div>
  </template>

3. 在C孙组件中，使用props进行接收参数即可，如下：

    props: {
      exportData: {
        default: Object,
        default: () => {},
      },
  }