首页 > 其他 > 详细

vue-slot

时间:2019-10-28 19:37:47      阅读:70      评论:0      收藏:0      [点我收藏+]

插槽

定义

是组件的一块html模板,这块模板显示与不显示以及怎样显示都由父组件来决定。

插槽显示的位置由子组件自身来决定。

插槽写在组件模板的什么位置,父组件传过来的模板就显示在什么位置。

单个模板/默认模板/匿名模板

1、可以放在任意位置,一个组件只能有一个该类型插槽。

2、在子组件内使用特殊的<slot>元素就可以为这个子组件添加一个slot插槽,在父组件模版里,插入在子组件标签内的所有内容将替代子组件的<slot>标签以及他的内容。

具名插槽

1、没有对应值的其他内容会被放到子组件中没有添加name属性的slot中。

2、可以在子组件的slot标签中写入内容,当父组件没有写入内容时,会显示子组件的默认内容;当父组件写入内容时,会替换子组件的默认内容。

作用域插槽(带数据的插槽)

父组件中使用slot-scope可以接收子组件传来的值

vue-slot

原文:https://www.cnblogs.com/limengyao/p/11754580.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!