其他分享
首页 > 其他分享> > 具名插槽与作用域插槽的使用

具名插槽与作用域插槽的使用

作者:互联网

具名插槽:

1.在子组件中注册插槽,并为插槽命名:

2.在父组件中引入子组件标签,并在要插入的标签内绑定slot名字,使用:

3.效果:

结果会显示重新渲染的内容,而非子组件中的123、456

作用域插槽:

1,子组件插槽中存在多个作用域插槽,会多次渲染父组件的插槽内容:

父组件:

子组件:

页面效果:

2,如果父组件中,多次使用接收作用域插槽的值,会覆盖只展示最后一个

父组件:

子组件:

页面效果:

作用域插槽和具名插槽可以同时使用,当不能嵌套使用:

父组件:

子组件:

页面效果:

标签:效果,作用域,插槽,具名,组件,页面
来源: https://blog.csdn.net/m0_59791380/article/details/121579846