父组件设置b表项的方法

Question

我正在寻找一种干净的方法来通过父组件设置

b-table

的项目。

<ScrollableComponent ref="scrollTable" class="tableDiv">
   <b-table hover bordered no-border-collapse show-empty :items="This need to be set by ScrollableComponent"></b-table>
</ScrollableComponent>

我想

ScrollableComponent

设置

b-table

的项目。我已经在

ScrollableComponent

中尝试过类似的方法，但这不起作用：

<div ref="scrollable-div" @scroll.passive="onScroll" @scrollend="onScroll">
   <slot :items="this.items"></slot>
</div>

Answer 1

将道具传递给插槽并不是一个好主意，因为页面中的插槽（包括默认插槽）对于

ScrollableComponent

来说是只读的。

如果你真的想要它，你可以使用 Provide / Inject 代替 props。