Javascript Vue无法触发子组件函数

我在父组件（保存发票组件）中有一个子组件

selectServiceChargeComponent

。子组件只是表中的一个表单。如果单击“添加行”按钮，将形成新行。问题是，当我单击“添加行”按钮时，出现以下错误：

在查看了一些SO答案后，我发现

ref

将有助于触发子组件中的函数。因此，在父组件中，我在子组件中使用了一个

ref

，并在它下面创建了一个addRow按钮，并尝试触发一个click函数

addRow（）

这样我就可以使用

this.$refs.serviceChargeComponent.addRow（）

但另一个问题反过来出现了



看起来addRow（）函数在方法之外：{}。vue中的方法应该在方法内定义：{}。
您的子组件中似乎没有定义addRow。您可以共享子组件的代码吗？当然，它已更新