[JavaScript知识库]vue2如何给孙辈传递slot，孙如何给父传递参数

vue2如何给孙辈传递slot，孙如何给父传递参数

• 1、父亲辈parent.vue

<!-- 引用子组件 -->
<child-list>
      <template slot="search_item_display_time"  slot-scope="{search}">
      <!-- 不用slot-scope新版本的写法  <template v-slot:search_item_display_time="{search}">  -->
        <div>{{search}}</div>
      </template>
</child-list>

• 2、子辈child.vue

<!-- 引用孙组件 -->
<grandson-list>
      <template slot="search_item" slot-scope="{search}">
          <slot name="search_item_display_time" :search="search"></slot>
          <!-- 列表中name动态就这样写 <slot :name="'search_item_'+search.key" :search="search"></slot> -->
      </template>
</grandson-list>

3、孙辈grandson.vue

<div>
        <slot name="search_item" :search="{key:'name'}"></slot>
</div>

超强干货来袭

云风专访：近40年码龄，通宵达旦的技术人生