slot问题

slot问题

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

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

老师,这一个文件中的slot="left"和另一个文件中的v-if="$slots.left"这两句代码是什么意思啊,课上老师说slot是插槽,插槽是干什么的

正在回答

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

1回答

你好,Slot是一个插槽,这里是通过slot插槽向组件内部指定位置传递内容,通过slot可以父子传参。$slots是用来判断这个插槽是否有内容。

这里是在子组件中定义了slot插槽,然后在父组件中传递。但是不传递的话,会显示默认的(这里默认的是空的),所以通过$slots来判断是否为空,若是为空的话,则不显示。

若能帮助到你,望采纳。

祝学习愉快!

  • 老师,在header.vue父组件中定义要传递的内容和所传向的插槽口,插槽口就是slot属性值,然后在index.vue子组件中定义slot标签,也就是父组件要传进来的插槽口,然后通过name属性来对应传递,是这样理解吗
    2018-11-09 15:52:58
  • 同学你好,是可以这么理解的。祝学习愉快!
    2018-11-09 16:30:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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