如何显示带有Costom主体插槽的扩展项目插槽？

Question

如何显示带有costom主体插槽的扩展项目插槽？

单击按钮时，我将推到展开的数组。什么都没发生。

如何修复？

https://codesandbox.io/s/empty-fast-kbzzh

Answer 1

由于Vue在数组和对象中的反应性有限，因此必须重新分配它们才能工作。

尝试一下：

methods: {
  expandItem(item) {
    this.expanded = [...this.expanded, item];
  }
},