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

Question

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

单击按钮时，我按下展开的阵列。什么也没发生。

如何解决？

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

Answer 1

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

试试这个：

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