slot默认插槽

slot默认插槽

没有被slot标识的内容应该会进入默认插槽才对:

http://img1.sycdn.imooc.com//climg/5e462cd409217be308860524.jpg

http://img1.sycdn.imooc.com//climg/5e462ce70963922507360310.jpg

但是这里的div并没有显示出来,为什么?

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

同学你好,是的。没有指定的放在哪一个插槽中的内容,会放在默认的slot里面。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

提问者 楚楚提 2020-02-14 15:59:07

http://img1.sycdn.imooc.com//climg/5e46532f09330e6505290129.jpg

好像可以了,也就是说,不在指定slot中的内容会被插到默认slot下面?

提问者 楚楚提 2020-02-14 15:55:34
<template>
  <me-navbar class="header" v-show="visible">
    <div>我是一段文字</div>
    <i class="iconfont icon-scan" slot="left"></i>
    <div slot="center">搜索框</div>
    <i class="iconfont icon-msg" slot="right"></i>
  </me-navbar>
</template>
<template>
    <div class="mine-navbar">
      <slot></slot>
      <div class="mine-navbar-left" v-if="$slots.left">
        <slot name="left"></slot>
      </div>
      <div class="mine-navbar-center" v-if="$slots.center">
        <slot name="center"></slot>
      </div>
      <div class="mine-navbar-right" v-if="$slots.right">
        <slot name="right"></slot>
      </div>
      <h1 class="mine-navbar-title" v-if="title">
        <span class="mine-navbar-text" v-text="title"></span>
      </h1>
    </div>
</template>


好帮手慕夭夭 2020-02-14 15:19:15

同学你好,请把所有代码粘贴到问答区(不要截图),以便老师准确高效的测试查找问题。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师