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

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

一、父组件使用子组件

  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......今天写到这,后面还会继续更新一些内容。抱拳!

 

 

  

相关文章:

  • 2021-05-08
  • 2022-02-07
  • 2022-12-23
  • 2022-12-23
  • 2021-07-27
  • 2022-12-23
  • 2021-06-27
  • 2021-07-09
猜你喜欢
  • 2022-12-23
  • 2021-05-16
  • 2022-12-23
  • 2022-01-20
相关资源
相似解决方案