<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标签就不再显示了,为什么会这样呢?
吧项目提交上来我看,这段代码看不出来
老师,这个插槽我不太理解,为什么要使用插槽而不是直接在页面内写元素呢,插槽内的样式在哪个页面去定义呢
当组件当做标签进行使用的时候,你在组件内部写东西是显示不了的,然后这时候就需要使用插槽了。
用slot可以用来接受组件标签包裹的内容,slot 元素作为承载分发内容的出口。
他的样式就在他当前组件内设置
老师这节没听太懂?
这插槽干嘛用的,在父组件传递参数给子组件?
直白点就是在子组件中添加内容用插槽,当然他也可以传值
<template> <div id="app"> 哈哈 <dudu>//子组件 <p>你快乐吗</p> // 要显示的内容 </dudu> </div> </template>