vue 父组件拿子组件的form
时间: 2023-09-18 11:05:54 浏览: 48
在Vue中,父组件可以通过使用ref属性来获取子组件的实例。在你提供的代码中,通过给子组件添加ref属性 "sonRef",父组件可以通过this.$refs.sonRef来获取到子组件的实例。
然后,通过访问子组件实例的$data属性,可以获取到子组件的data数据。所以,父组件可以通过this.$refs.sonRef.$data.form来获取子组件的form数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue 父组件监听子组件的数据变化 父组件监听子组件的data](https://blog.csdn.net/qq_41287158/article/details/128716687)[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* [Vue 中父组件如何获取子组件中form的值](https://blog.csdn.net/weixin_41625929/article/details/105252975)[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 ]