暂无权限

加入尚新途,才有权限看这些视频哦!

点击前往
×
问答
1楼

            <p>你好</p>

            <template v-slot:default>

                <div class="myBox"></div>

            </template>

            <template v-slot:slot1="slotMsg">

              <p>标题:{{slotMsg.msg}}</p>

            </template>

有一个v-slot:default之后,p标签就不再显示了,为什么会这样呢?

尚新途

吧项目提交上来我看,这段代码看不出来

genius茂
2楼

老师,这个插槽我不太理解,为什么要使用插槽而不是直接在页面内写元素呢,插槽内的样式在哪个页面去定义呢

尚新途

当组件当做标签进行使用的时候,你在组件内部写东西是显示不了的,然后这时候就需要使用插槽了。

用slot可以用来接受组件标签包裹的内容,slot 元素作为承载分发内容的出口。


他的样式就在他当前组件内设置

切图仔
3楼

老师这节没听太懂?

这插槽干嘛用的,在父组件传递参数给子组件?

尚新途

直白点就是在子组件中添加内容用插槽,当然他也可以传值

<template>
    <div id="app">
        哈哈
        <dudu>//子组件
            <p>你快乐吗</p> // 要显示的内容
        </dudu>
    </div>
</template>


自我检测(5S)