码迷,mamicode.com
首页 > 其他好文 > 详细

vue的插槽slot

时间:2019-01-11 13:15:00      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:slot   技术   图片   位置   span   temp   width   设置   不同   

插槽是写在子组件上,用啦留给父级添加内容的位置接口;

技术分享图片

1. 父级里的 <template :is=‘子标签名‘>父插入内容</template>标签,里的内容       slot 标签位置 规定了父插入内容的位置。

2.slot标签 有name属性,通过设置不同的name值,实现父级不同的元素插在对应的位置

技术分享图片

 

vue的插槽slot

标签:slot   技术   图片   位置   span   temp   width   设置   不同   

原文地址:https://www.cnblogs.com/dangdanghepingping/p/10254486.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!