关于vue中slot,在父组件获取数据时scope与slot-scope的区别

组件

<div v-for="item in list">
    <slot></slot>
</div>

使用

<my-component :list="data">
    <div>
        <!--这里需要使用item中的内容-->
        <!--怎样才能在这里获取到list里面循环出的内容呢-->
    </div>
</my-component>

回答:

<div v-for=”item in list”>

<slot :text= "item"></slot>

</div
<my-component :list=”data”>

<template slot-scope="props">
     <div>
    <!--这里需要使用item中的内容-->
    <!--怎样才能在这里获取到list里面循环出的内容呢-->
    {{props.text}}
    </div>
</template>

</my-component>

看一下这个行不

回答:

现在数据获取问题解决了,但是为啥我用slot-scope就报错,用scope才能正常获取数据,官网使用的都是slot-scope啊

回答:

你的版本不是2.5.X的吧
图片描述

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注