vue父组件调用子数据
时间: 2023-11-03 10:18:14 浏览: 50
在Vue中,父组件可以通过使用`$refs`来调用子组件的数据。首先,在父组件中需要在子组件标签上添加`ref`属性,例如`<propschild ref="propschild"></propschild>`。然后,可以在父组件的方法中通过`this.$refs.propschild`来获取子组件的实例。对于子组件的数据,可以使用`this.$refs.propschild.msg`来访问,其中`msg`是子组件的数据属性名称。同样,对于子组件的方法,可以使用`this.$refs.propschild.propchild()`来调用,其中`propchild()`是子组件的方法名称。 这样,父组件就可以调用子组件的数据和方法了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue --- 父组件主动获取子组件的数据和方法的基本使用](https://blog.csdn.net/qq_21980517/article/details/98070184)[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%"]
- *3* [vue整合SSM项目实战](https://download.csdn.net/download/m0_55755339/88241603)[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 ]