1、子组件写法:slot上直接绑定属性,name指定插槽名称与父组件匹配;
<div class="test-slot">
<slot :data1='data1'></slot>
<slot name='main' :data2='data2'></slot>
</div>
2、父组件写法:v-slot:【插槽名】='scope', 如: scope={data1: data1};
<div>
<template v-slot:default='scope'>{{scope.data1}}</template>
<template v-slot:main='{ data2 }'>{{ data2 }}</template>
</div>
版权声明:本文为qq_38909255原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。