uniapp コンポーネントのカプセル化におけるスロット (slot) の使用

要件:コンポーネント Aをカプセル化する必要があります。親コンポーネントがコンポーネントを呼び出すとき、スロット a に渡して、コンポーネント A によってスローされたデータを使用できます。

<!-- 组件A -->
<template>
    <view>
        Hello World!
        <!-- 插槽a -->
        <slot name="a" :scope="{ message:'抛出来的数据' }"></slot>
    </view>
</template>

<!-- 父组件 -->
<template>
    <A>
        <view slot="a" slot-scope="{ scope }">
            <!-- 这样就可以渲染出来我们组件A通过插槽抛给父组件的message -->
            {
   
   { scope.message }}
        </view>
    </A>
</template>

 私の公開アカウントにご注目ください: 私のDouyinにご注目ください:

おすすめ

転載: blog.csdn.net/qq_41980461/article/details/128234485