Vue 中 slot-scope 的作用

slot-scope 是带 scope 的插槽,可以将数据传递给外层使用。即数据在子组件,将其绑定到父级组件,让父级组件直接使用这些数据。

案例

Table 组件中,处理 Table 添加操作按钮的需求。利用 template 添加 slot 插槽的方法完成。

父组件:

子组件:

效果:

$scopeSlots

使用 scopeSlots 可以查看到该对象。

slot-scope

slot-scope 这个对象,可以承接所有 slot 上的属性。父级通过 slot-scope 拿到所有属性,来自定义事件。具体参考 GearCase 2019.2.27 日的 commit

本文结束  感谢您的阅读
0%