微信小程式傳參思路

2021-10-09 16:40:11 字數 1543 閱讀 4101

父元件wxml

// 父元件像子元件傳參的作用是讓子元件顯示父元件的某些資料

//例如:自定義組價 ipt

//當使用者輸入錯誤或者沒輸入就想提交時,我就必須向他傳送某些資訊如:必填選項

//父頁面的wxml

"錯誤資訊為:介是個必填選項" bind:blur=

"isblur"

>

<

/ipt>

//remainded裡面是我想傳送過去的值,bind:blur裡面的blur是子元件傳遞過來的觸發事件名字,isblur是當我觸發了整個blur時,父元件接受引數的函式

父元件js
// 

page(,

//子元件的觸發函式

isblur

(e)}

)

2.子頁面
子頁面的js
component(,

//這裡是子頁面的函式區域

methods:}}

)

子頁面的wxml
// 這裡就是當我input輸入框失去焦點的時候 我來觸發change 然後在父元素那裡觸發 isblur 

"change"

>

<

/input>

//這裡就是remained就是父元素傳過來的值了

}<

/text>

總計一下
1. 父元素向子元素傳遞只需要 在子元件中新增乙個鍵值對 例如:
// 父頁面

《子元件 msg=

"我想要傳過去啊啊啊啊"

>

《子元件》

//其中 msg 是需要穿過來的鍵名 ,值是後面的"我想要傳過去啊啊啊啊"

2.在子元件中只需要在properties中新增這
// 子元件頁面

properties:

2.子元素向父元素傳值呢?
1.向父元素傳值必須子元件觸發事件

// 父頁面wxml

《子元件 bind:aaa=

"ischange"

>

<

/子元件》

//其中的aaa是子元件傳遞過來的函式名,這個是子元件定義的,

//ischange是父元件隨便定義的

// 父頁面js

ischange

(e)

2.到了子元件了

// 子元件的wxml ,用input是因為input是最常見的子傳父

"isblur"

>

<

/input>

//當我失去焦點時,我要觸發isblur

// 子元件的js

methods:

}

微信小程式 bindtap等事件傳參

事件是檢視層到邏輯層的通訊方式。事件可以將使用者的行為反饋到邏輯層進行處理。事件可以繫結在元件上,當達到觸發事件,就會執行邏輯層中對應的事件處理函式。事件物件可以攜帶額外資訊,如 id,dataset,touches。wxml taptest data hi wechat bindtap tapna...

微信小程式跳轉傳參引數丟失?

垂死病中驚坐起,笑問 bug 何處來?那個,有一兩個小 bug 很正常的啦。下班回到家的我立馬開啟開發者工具,一測試發現,果然,我是不可能寫不出 bug 的。寫 bug 是一把好手,找 bug 我也是不賴的,最後原因定位 引數沒有正確傳遞。a 頁面 a.js tob e console.log i ...

微信小程式 bindtap等事件傳參

什麼是事件 事件是檢視層到邏輯層的通訊方式。事件可以將使用者的行為反饋到邏輯層進行處理。事件可以繫結在元件上,當達到觸發事件,就會執行邏輯層中對應的事件處理函式。事件物件可以攜帶額外資訊,如 id,dataset,touches。看圖,因為需要傳遞的資料比較多,所以我們通過dataset攜帶引數資訊...