微信小程式 子向父傳遞資料

2022-08-30 17:36:10 字數 1061 閱讀 1144

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

子元件data資料為空,點選tabs項切換標題執行handleitemtap方法時,無法拿到data中的資料,

所以只能從父元件傳遞過來的資料中拿tabs資料,資料遍歷修改之後又把tabs賦值給了子元件的data。

而存在于父元件中的tabs源陣列中的資料並沒有被修改,因此在程式中存在兩組不同的tabs資料,這是不正確的

3.解決方案

3.1 點選事件觸發的時候,觸發父元件中的自定義事件,同時傳遞資料給父元件,

此處把點選的索引值傳遞給父元件

this.triggerevent("父元件自定義事件的名稱",要傳遞的引數) 

3.2 子元件向父元件傳遞資料,通過事件的方式傳遞,需要在子元件的標籤上加入乙個自定義事件

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

4.此時,點選標題切換樣式的同時,資料也隨著改變了

小白學微信小程式 自定義元件父向子傳遞

如我們這個標題的內容是放在自定義元件的js檔案中的。但是如果其他頁面使用這個元件卻要不同的標題內容,這樣就不能夠使用這個組建了,這樣也改變了使用自定義組建的初衷。這樣我們就需要使用自定義元件的父向子傳遞,即實現資料的動態化。我們必須把資料抽離出來。接下來我們來做乙個最簡單的父向子傳遞,這個方式呢需要...

父元件向子元件傳遞資料 14 父元件向子元件通訊

1.不使用 v bind 傳遞資料 2.使用 v bind 傳遞資料 3.以上兩者的區別。先把重要的知識點寫在前面 簡單來說,父元件向子元件傳遞資料可以分為以下幾個步驟 在父元件繫結資料 在子元件使用 props 接收資料 在子元件使用資料。data components 渲染 2.在子元件上繫結 ...

微信小程式 資料傳遞

先告訴你,本質上都是string型別傳遞。但是對於物件和陣列集合的傳遞需要小小的處理一下傳遞時的資料和接收後的資料。index.js 傳送頁js test.js 接受頁js 列印的log如下 接收到的引數是str 字串str index.js 傳送頁js test.js 接受頁js 列印的log如下...