this.$emit传值
时间: 2023-09-03 11:14:33 浏览: 118
this.$emit是Vue.js中用于触发自定义事件并传递数据给父组件的方法。在子组件中使用this.$emit可以触发父级组件中定义的$emit注册的事件,并传递子组件中的参数。例如,在子组件的方法中使用this.$emit("delete",this.index)可以触发父组件中定义的"delete"事件,并将this.index作为参数传递给父组件。 在另一个例子中,子组件中的sendData方法使用this.$emit("myevent", this.childData)触发父组件中定义的"myevent"事件,并将this.childData作为参数传递给父组件。 子组件通过this.$emit向父组件传递值的具体使用方法是在子组件中使用this.$emit("function", param),其中function是父组件中定义的函数,param是需要传递给父组件的参数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法](https://blog.csdn.net/godot06/article/details/107960472)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [【Vue】学习笔记-组件传值](https://blog.csdn.net/weixin_49202767/article/details/123142041)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Vue子组件向父组件传值(this.$emit()方法)](https://blog.csdn.net/weixin_39390837/article/details/117471942)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文