slot默认插槽

来源:2-2 幻灯片组件--模拟数据

楚楚提

2020-02-14 13:15:39

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

http://img.mukewang.com/climg/5e462cd409217be308860524.jpg

http://img.mukewang.com/climg/5e462ce70963922507360310.jpg

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

写回答

4回答

好帮手慕夭夭

2020-02-14

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

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

0

楚楚提

提问者

2020-02-14

http://img.mukewang.com/climg/5e46532f09330e6505290129.jpg

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

0

楚楚提

提问者

2020-02-14

<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>


0

好帮手慕夭夭

2020-02-14

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

祝学习愉快!

0

0 学习 · 10739 问题

查看课程