微信小程序-子向父傳遞數據


1.上篇父向子傳遞數據過程中,點擊標題雖然樣式進行了改變,但AppData中觀察data中的數據並沒有改變

 

 

 

 

2.出現以上情況的原因是:

 子組件data數據為空,點擊Tabs項切換標題執行handleItemTap方法時,無法拿到data中的數據,

 所以只能從父組件傳遞過來的數據中拿tabs數據,數據遍歷修改之后又把tabs賦值給了子組件的data。

 而存在於父組件中的tabs源數組中的數據並沒有被修改,因此在程序中存在兩組不同的tabs數據,這是不正確的

 

 3.解決方案

 3.1 點擊事件觸發的時候,觸發父組件中的自定義事件,同時傳遞數據給父組件,

     此處把點擊的索引值傳遞給父組件

   this.triggerEvent("父組件自定義事件的名稱",要傳遞的參數) 

   

 3.2 子組件向父組件傳遞數據,通過事件的方式傳遞,需要在子組件的標簽上加入一個自定義事件

        

 

 3.3 父組件在自己的js中,自定義事件,用來接收子組件傳遞的數據,根據子組件傳遞過來的索引值,處理tabs的數據

  

 

 4.此時,點擊標題切換樣式的同時,數據也隨着改變了

 

 

  

 


免責聲明!

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



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