支付宝小程序之组件使用

最近在开发支付宝小程序,所以对在开发中遇到的问题做一些总结啦......  

不足的地方还望大家指点,抱拳了老铁!!!

一、父组件使用子组件

  1.在 .json 文件中注册组件,如下图

   

  注意:自定义的文件名必须小写,否则报错啊

  2.在父组件中使用子组件

  

二、父组件向子组件传值

  1.在组件标签上自定义名称,并绑定要传的值;如下图

  

  2.在子组件的 .js 文件中 props 获取自定义名称并声明数据类型,如下图

  

  注意:目前接受的数据类型为 String、Boolean、Number、Object、Array、null(表示任意数据类型)

  3.在 didMount() 方法中可以打印出传过来的数据, 上图用this.setData再去赋值是多余的,可以直接使用rewardlists

  4.组件声明周期解读:

  那我就直接上支付宝文档的图啦......

  

  

  

  

  

  

  

 三、子组件向父组件传方法

  1.定义方法名,然后子组件的 methods 函数中 使用方法,如图

  

  2.使用this.props.onTaskDetail() ,里面可以带一些参数如上图;onTaskDetail是自定义

    然后在父组件中使用onTaskDetail接收toTaskDetail方法,如下图

    

  3.然后在父组件页面使用toTaskDetail方法,也可以接收到传过来的参数;e.taskId 就是子组件通过方法传过来的参数

  如下图:

  

  

  -----------------------------------------------------------------------------------------------------------------------------------------------

  emmm......今天写到这,后面还会继续更新一些内容。抱拳!

  

猜你喜欢

转载自www.cnblogs.com/aprilchen-/p/11768556.html