uniapp父组件调用子组件的事件

在Uniapp中，父组件调用子组件的方法可以通过在子组件上添加ref属性并设置属性名，然后在父组件的方法中使用this.$refs.(属性名).(子组件方法)来调用子组件的方法。具体步骤如下：
1. 在父组件的模板中，给子组件添加ref属性并设置一个属性名，例如ref="mySon"。同时，在调用子组件的地方，使用this.$refs.mySon来引用这个子组件。
2. 在父组件的方法中，通过this.$refs.mySon来调用子组件的方法。例如：this.$refs.mySon.sonClick("father call son")。
3. 在子组件的模板中，定义子组件的方法，例如sonClick方法。
4. 在子组件的方法中，可以对传入的参数进行处理。例如，在sonClick方法中使用console.log来打印传入的参数。

需要注意的是，如果子组件是在v-if中的话，在父组件调用子组件方法时可能会报错。解决方法是将v-if改为v-show来显示子组件。这样父组件就能正常调用子组件的方法了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [uniapp 中父组件调用子组件方法](https://blog.csdn.net/weixin_49175501/article/details/117334781)[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_1"}}] [.reference_item style="max-width: 50%"]
- *3* [uniapp小程序父组件与子组件之间调用方法](https://blog.csdn.net/qq_39034363/article/details/124064558)[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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]