vue 子组件触发父组件方法的两种方式

父组件:





子组件:



第一种方法:

如上:通过this.$emit()来触发父组件的方法。具体就是子组件触发$emit绑定的事件watchChild,然后父组件监听watchChild,一旦watchChild被触发便会触发父组件的parentReceive方法。

父组件:





子组件:



第二种方法:

在子组件props中定义属性onOK,类型为function,然后在父组件中把要触发的方法名传递给onOK属性,最后在子组件中判断onOk是否存在,是的话直接执行这个方法。

效果:

vue 子组件触发父组件方法的两种方式_第1张图片




你可能感兴趣的:(vue)