zoukankan html css js c++ java

xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

vue slot nested bug

slot name bug

Error

<slot name="global-system-guide-slot"></slot>

    <GlobalSystemGuide>
        <RightSuspension
            slot="system-guide-slot"
            :isFraud="suspensionObj.isFraud"
            :isShowFraud="true"
            @change="handleChangeRightSuspension">
        </RightSuspension>
    </GlobalSystemGuide>


<template>
    <SystemGuide
        @close-event="clickHandler"
        placement="left"
        :title="title"
        :guideType="1"
        :content="desc"
        :buttons="[]"
        :isGuideFinished="isFirstRead">
        <slot name="global-system-guide-slot"></slot>
    </SystemGuide>
</template>

OK, name + slot

<slot name="global-system-guide-slot" slot="system-guide-slot"></slot>

    <GlobalSystemGuide>
        <RightSuspension
            slot="global-system-guide-slot"
            :isFraud="suspensionObj.isFraud"
            :isShowFraud="true"
            @change="handleChangeRightSuspension">
        </RightSuspension>
    </GlobalSystemGuide>

<template>
    <SystemGuide
        @close-event="clickHandler"
        placement="left"
        :title="title"
        :guideType="1"
        :content="desc"
        :buttons="[]"
        :isGuideFinished="isFirstRead">
        <slot name="global-system-guide-slot" slot="system-guide-slot"></slot>
    </SystemGuide>
</template>