Vue无法触发子组件功能

时间:2020-05-03 17:09:29

标签: javascript php laravel vue.js

我在父组件(保存发票组件)中有一个子组件selectServiceChargeComponent。子组件只是表中的表单。如果单击添加行按钮,将形成新行。问题是当我单击添加行按钮时,出现以下错误:

Error photo

看了一些SO答案后,我发现ref将有助于触发子组件中的功能。因此,在父级组件中,我在子组件内部使用了ref并在其下创建了一个添加行按钮,并试图触发点击功能addRow()

这样我就可以使用this.$refs.serviceChargeComponent.addRow();
但是另一个问题来了。

2nd problem

child Component ref

Updated Pic

1 个答案:

答案 0 :(得分:1)

看来addRow()函数不在方法{}之外。 vue中的方法应在方法{}中定义。