004_小程序常规操作

父组件调用子组件的函数

假如我们已经有了一个自定义组件toast

 

组件里面有个方法控制toast的显示

 

 

假如我要在登录界面引用toast，那如何调用自定义组件的方法控制toast显示？

1.首先在登录的json页面引用组件

 

 

2.在登录的wxml页面引用组件（一定要设置id）

 

 

3.在登录页的js页面的生命周期中获取组件（图中的传入的参数就是第2步设置的组件id）

 

 

4.用(this.toast.方法名)即可调用自定义组件的方法

 

 

切换tabbar，组件内的数据不会重新初始化

需要在tabbar的页面内的 onShow 生命周期函数内调用初始化组件数据的函数，具体可以通过给组件 设置id ，通过 this.selectComponent('#id_name') 的方式获取组件，然后调用组件的初始化函数即可（需要在组件内把初始化的操作封装成一个函数），嵌套组件需要层层传递（根据组件id获取子组件，调用子组件初始化函数即可）