vue 子组件引用父组件的方法
时间: 2023-09-16 15:08:06 浏览: 40
在Vue中,子组件可以通过使用props来引用父组件的方法。这样子组件就可以调用父组件的方法。在提供的引用中,可以看到三种不同的子组件引用父组件方法的方式。
第一种方式是通过使用事件监听器,父组件中通过@fatherMethod="fatherMethod"来监听子组件触发的事件,然后在methods中定义相应的fatherMethod方法来处理该事件。这样子组件就可以通过触发事件来调用父组件的方法。
第二种方式是通过使用属性绑定,父组件中通过:fatherMethod="fatherMethod"将fatherMethod方法绑定到子组件的属性上,然后在子组件中通过props接收该属性,并调用该方法。这样子组件就可以通过调用属性来调用父组件的方法。
第三种方式是在父组件中直接引用子组件,不传递任何方法或属性。然后在子组件中调用this.$parent来访问父组件的方法。这样子组件就可以直接调用父组件的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue子组件调用父组件的方法](https://blog.csdn.net/XYLH2015/article/details/102335021)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue子组件调用父组件的方法](https://blog.csdn.net/qq_40047019/article/details/125677785)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]