微信小程序中父组件调用子组件的方法 —— 学习记录

时间:2024-03-24 18:45:33

今天在写项目的同时,遇到一个问题,就是子组件的一个方法,需要在父组件中使用。这个问题难倒我了,去网上查了查,才知道怎么解决。下面就是我的解决办法。

第一步: 就是有一个子组件(自定义的组件):toast
微信小程序中父组件调用子组件的方法 —— 学习记录
第二步: 在子组件中声明一个方法来控制toast的显示
微信小程序中父组件调用子组件的方法 —— 学习记录
假如我要在登录界面引用toast,那如何调用自定义组件的方法控制toast显示?
1、首先在登录的json页面引用这个子组件(即自定义组件)
微信小程序中父组件调用子组件的方法 —— 学习记录
2、在登录的wxml页面中引入子组件(记住要设置id)
微信小程序中父组件调用子组件的方法 —— 学习记录
3、在登录页的js页面的生命周期中获取组件(图中的传入的参数就是第2步设置的组件id)
微信小程序中父组件调用子组件的方法 —— 学习记录
4.用(this.toast.方法名)即可调用自定义组件(即子组件)的方法
微信小程序中父组件调用子组件的方法 —— 学习记录