slot-scope的理解

149 阅读1分钟

1、一般来说,父组件模板的所有东西都会在父级作用域内编译;子组件模板的所有东西都会在子级作用域内编译。但是,slot-scope可以实现父组件调用子组件的数据,子组件通过slot-scope将数据传递给父组件。

2、具体代码

父组件中采用了layout的子组件,子组件中通过slot-scope向父组件传递scrollTop以及isBottomFixed数据,父组件通过slotProps.xxx的方式接收子组件传递的数据。 image.png

image.png