支付寶小程序之組件使用


最近在開發支付寶小程序,所以對在開發中遇到的問題做一些總結啦......  

不足的地方還望大家指點,抱拳了老鐵!!!

一、父組件使用子組件

  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......今天寫到這,后面還會繼續更新一些內容。抱拳!

 

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM