I need to call a method of a child component from the parent component. However, something I'm doing in the child component seems to be causing an infinite loop. I've tried looking at other questions and while they seem to be solving a similar problem, I can't apply their exact pattern to the problem I'm facing, it seems to be different. I'm just not sure what I'm looking at.

I have two components, one is called ToggleButtons and the other is simplified to a button. Here are the ToggleButtons:

这是它与按钮的实现：

其中toggle方法为：

toggle(direction) { this.$refs.tb.toggle(direction); },

正如你可能已经从代码中看到的残留物，我之前尝试过各种模式，包括通过v-slot传递toggle方法。所有这些都导致了相同的“你创建了一个无限循环”的消息。

我想知道是否因为该方法在尝试渲染时调用了toggle。我不确定这是否会导致无限循环。我在这里的主要问题是我不明白这个循环是从哪里来的。我目前的主要目标是理解出了什么问题，这样如果再次发生，我就能看到它，即使修复方法只是找到一个更简单的方法。