vue2父组件取子组件值
时间: 2023-09-23 13:02:48 浏览: 104
在Vue2中,父组件可以通过使用`this.$refs`来获取子组件的值。首先,在父组件中,我们需要在模板中添加一个子组件,并给它一个`ref`属性,例如`ref="myRefs"`。然后,我们可以在父组件的方法中使用`this.$refs.myRefs`来访问子组件的属性和方法。比如,我们可以通过`this.$refs.myRefs.age`来获取子组件中暴露出来的属性值。另外,父组件还可以通过`this.$refs.myRefs.change()`来调用子组件中暴露出来的方法。这样,父组件就可以获取子组件的值和调用子组件的方法了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue3.0 父组件调用子组件方法及获取子组件的值](https://blog.csdn.net/weixin_44132285/article/details/126517620)[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_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue2父组件获取子组件中的值](https://blog.csdn.net/qq_40649432/article/details/119741525)[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_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文