$slots.left这些东西是什么?在哪里定义的?

正在回答

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

2回答

同学你好,$slots这个方法是vue自带的。$slots的值是在父组件这里传递来的,$slots.left就是获取名字叫left的插槽里面的内容。

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

同学可以再理解一下,祝学习愉快~

好帮手慕码 2020-04-24 15:17:22

同学你好,解答如下:

$slots.left就是获取名字叫left的插槽。 $slots的值是在父组件这里传递的,如下:

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

slot插槽的用法,简单理解就是: 在一个组件中定义<slot name="插槽名称"></slot>,在另一个组件中,就可以其他组件引入对应的组件,然后在标签中添加slot="插槽名称"使用对应的插槽。

示例:navbar组建中的slot插槽标签取名为 left 和 right ,所以header组建在引入 navbar 组建时,就可以将icon 放入 navbar 组建中,icon 放入的方法就是 在 <i> 标签中 加入 slot="left",对应到navbar组建中slot的名字

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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