通过上边的默认插槽和具名插槽的使用过程中,发现,基本都是父组件中决定要插入到子组件中的内容,而子组件自行决定插槽的位置 。
具名插槽,就是实现在子组件中自行决定自己要显示什么内容 。
a.子组件:
b.父组件:
这种时候有一种情况需要注意:
如果子组件中只有一个作用域插槽时,父组件可以使用下边这种简单的写法,当然规范点还是加上template模板标签好点:
页面效果:
但是当子组件中有多个作用域插槽时,不建议上边这种简单的写法,因为可能会出现作用域不明确的问题 。
子组件有多个作用域插槽时:
父组件使用这种规范的写法,可以避免有时作用域不明确问题:
页面效果:
推荐阅读
- 淘宝赚钱项目的关键词属于什么类目 淘宝赚钱项目是真的吗
- 怎么熬出好吃又美味的粥
- 退热贴的正确用法是什么
- 芥菜有哪些营养
- 荠菜的作用是什么
- 女性更年期最大的改变是什么呢
- 针对更年期的问题该怎么办
- 女性更年期期间发生的最大改变是什么
- 女性在更年期发生的最大改变是什么
- 做客与作客的区别 是做客还是作客-