钉钉小程序父组件调用子组件方法(钉钉小程序踩坑实录) 客官°小女子只卖身不卖艺 2022-10-04 13:57 414阅读 0赞 ## 钉钉小程序父组件调用子组件方法 ## * 页面到底部,父组件触发,调用子组件的方法,加载子组件的数据 ### 解决方法 ### * 子组件里: didMount() { this.$page.childComponent = this }, 在加载生命周期里添加指向,`childComponent`就是名字,在你的父组件里才能找到。 * 子组件方法: methods: { childMethods(){ console.log("hello") } } 子组件的方法就是正常写,也就是我们即将在父组件里调用的方法 * 父组件里: /** * 页面被拉到底部 * */ onReachBottom() { this.childComponent.childMethods() //调用的子组件的方法 }, ### 以下为解决问题的路程(骂人路程,可忽略不看) ### * 钉钉文档写的真的一言难尽,有兴趣可以去观摩观摩,出自大师之手,真的看不懂:[神仙钉钉文档][Link 1] * 网络上查询只有一篇文章是写这个的,([唯一的文章][Link 2])其他的都是天下文章一大抄,标题写父子通信,好家伙都只写子组件传值给父组件,完了父组件传值子组件都被吃了。 * 上面这个一篇文章提供的思路不错,但是传`this`过来之后再调用方法,方法的`this`是指向父组件的,无法指向子组件,所以这个方法只能说在父组件里调用方法,子组件里的data数据都无法使用。 * 最后说一句,支付宝小程序文档YYDS!当你钉钉有问题时你就去支付宝吧!那里才是你永远的家。 [Link 1]: https://developers.dingtalk.com/document/app/component-object [Link 2]: https://www.jianshu.com/p/5433063f1f4e
还没有评论,来说两句吧...