ComponentA:
<view>
<slot a="a" />
</view>ComponentB:
<view>
<ComponentA>
<template v-slot="{ a }">
<slot :a="a" b="b" />
</template>
</ComponentA>
</view>page-B:
<view>
<ComponentB>
<!-- 该插槽无效 -->
<template v-slot="{ a, b }">
{{a + b}}
</template>
</ComponentB>
</view>ComponentC:
<view>
<ComponentA>
<!-- 不写 v-slot="{}" 会报错: Cannot read property 'fn' of undefined -->
<template v-slot="{}">
<slot />
</template>
</ComponentA>
</view>page-C:
<view>
<ComponentC>
<!-- 该插槽有效(但有啥用呢) -->
<template>
我是一个能用但没用的插槽
</template>
</ComponentC>
</view>
0 个回复