子传父怎么把点击事件传过去?
时间: 2024-04-24 15:24:52 浏览: 25
子传父的点击事件传递可以通过以下步骤实现:
1. 在子组件中,使用`emit`方法触发一个自定义事件,并传递需要传递给父组件的值。例如,在子组件的`toChild`方法中,使用`emit("ppp", "我是子组件,我改变了")`触发了一个名为`ppp`的自定义事件,并传递了字符串"我是子组件,我改变了"。
2. 在父组件中,使用子组件的标签,并通过`@ppp`监听子组件触发的自定义事件。例如,在父组件中使用`<Child :pName="name" @ppp="fn" />`,监听了子组件触发的`ppp`事件,并将其绑定到父组件的`fn`方法上。
3. 在父组件的`fn`方法中,接收子组件传递过来的值。例如,在父组件的`fn`方法中,使用`val`参数接收子组件传递过来的值。可以在该方法中对接收到的值进行处理或赋值给父组件的数据。
通过以上步骤,就可以实现子传父的点击事件传递。
#### 引用[.reference_title]
- *1* *2* *3* [Vue3中的父传子和子传父如何实现](https://blog.csdn.net/TX9271000911/article/details/125822394)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![mp4](https://img-home.csdnimg.cn/images/20210720083504.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)