在小程序中進行組件化開發,主要就是有兩個問題,一個是通過組件給我們的前臺傳值,或者是前端事件對組件進行傳值。介紹的是現在自己常用的,其他的暫時還沒怎麼使用。
組件對前端進行傳值
在組件中使用 triggerEvent 方法拋出,指定事件名、detail對象和事件選項。
實現組件間的通信
例如這樣,拋出了一個事件名,一個值。
this.triggerEvent('timeUpdate',{
currentTime
})
然後再我們引用組件的地方接受值和時間
就和我們平時寫時間一樣,使用bind:+定義的事件名bind:timeUpdate="timeUpdate"
這樣就可以讓他在前端響應我們傳遞過來的內容。
在前端的.js
中響應
timeUpdate(event) {
console.log(event)
},
這個時候輸出的值就是我們傳遞過來的currentTime
。這樣就完成了一次子組件向父組件的傳值。
前端對組件進行傳值
當我們想要將值從前端傳遞給後臺之後,除了在前端.js
的定義必不可少
這個時候在我們的組件的引用中傳遞該參數
前邊的方法爲我們自定義的,用於在組件中接收。這樣就可以將我們isSame的值進行傳遞過去。
在組件中進行接收使用
大體上一直常用的就這個方法,其他的暫時沒怎麼用,等用了在補充