vue slot nested bug

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>

slot

https://vuejs.org/v2/guide/components-slots.html

https://cn.vuejs.org/v2/guide/components-slots.html

在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。

它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。

新语法的由来可查阅这份 RFC。

old

https://vuejs.org/v2/guide/components-slots.html#Deprecated-Syntax

refs

---

---

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---