具名插槽与作用域插槽的使用
作者:互联网
具名插槽:
1.在子组件中注册插槽,并为插槽命名:
2.在父组件中引入子组件标签,并在要插入的标签内绑定slot名字,使用:
3.效果:
结果会显示重新渲染的内容,而非子组件中的123、456
作用域插槽:
1,子组件插槽中存在多个作用域插槽,会多次渲染父组件的插槽内容:
父组件:
子组件:
页面效果:
2,如果父组件中,多次使用接收作用域插槽的值,会覆盖只展示最后一个
父组件:
子组件:
页面效果:
作用域插槽和具名插槽可以同时使用,当不能嵌套使用:
父组件:
子组件:
页面效果:
标签:效果,作用域,插槽,具名,组件,页面 来源: https://blog.csdn.net/m0_59791380/article/details/121579846