小程序父组件调用子组件方法

时间:2024-10-21 14:25:23

1、打开微信开发者工具,创建微信小程序项目,并打开项目

小程序父组件调用子组件方法

2、在pages文件夹下,新建一个页面模块cmn

小程序父组件调用子组件方法

3、打开已新建的cmn.wxml文件,插入一个view和text元素

小程序父组件调用子组件方法

4、在对应的页面文件的JS文件,定义方法addData,并打印内容

小程序父组件调用子组件方法

5、在页面同名的json文件,usingComponents配置子组件路径

小程序父组件调用子组件方法

6、在index.wxml文件中,引用子组件cmn,并设置id属性

小程序父组件调用子组件方法

7、在index.js文件,调用方法selectAllComponents获取子组件对拇峨镅贪象,然后调用子组件方法addData

小程序父组件调用子组件方法

8、保存代码并查看模拟器上显示效果,查看内置浏览器控制台打印结果

小程序父组件调用子组件方法
© 手抄报圈