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.此時,點擊標題切換樣式的同時,數據也隨着改變了