vue子组件调用父组件的方法

2024-12-25 23:12:48
推荐回答(1个)
回答1:

一开始感觉调用方法应该和react差不多,父组件传入子组件,子组件调用就行了。但感觉应该还有其他方法,于是将这些方法记录下。

父组件中引用子组件:

子组件中写法:

一定要在 props 里声明 setBillDetail 函数,不然 setBillDetail 始终为 undefined !!!
初学 vue ,自己就踩了个大坑,忘记在 props 里加了。

父组件:

子组件:

这样写,编译会通过,但 eslint 会给出 error :

子组件:

总之,记住一句话: HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符,更推荐 kebab-case 。

此处举例省略。

参考:
Vue子组件调用父组件的方法