2-2插槽

2-2插槽

src/base/slider/index.vue下的

<template>

  <swiper :options="swiperOption">

    <slot></slot>

    <div class="swiper-pagination" v-if="pagination" slot="pagination"></div>

  </swiper>

</template>

    



<div class="swiper-pagination" v-if="pagination" slot="pagination"></div>

  1. 这里的slot="pagination",是swiper组件自带插槽,然后现在填充上去的意思吗?

    相当于swiper组件留的插槽<slot name="pagination"></slot>

    然后这里引用插槽的意思吗?

  2. 还有我们插槽是不是只有一个的时候就不用取名字直接<slot></slot>


正在回答 回答被采纳积分+1

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

1回答
好帮手慕糖 2019-01-14 18:04:16

同学你好,1、是的哦,

2、是的,只有一个插槽的时候,可以不取名字。多个插槽也叫具名插槽,需要使用name属性,即:将某个名字的内容插到子组件对应名字里面去 ,但是这个只有一个插槽,所以可以不具名哦。

若能帮助到你,望采纳,

祝学习愉快!

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

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

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

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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