組件化開發的傳值問題

在小程序中進行組件化開發,主要就是有兩個問題,一個是通過組件給我們的前臺傳值,或者是前端事件對組件進行傳值。介紹的是現在自己常用的,其他的暫時還沒怎麼使用。

組件對前端進行傳值

在組件中使用 triggerEvent 方法拋出,指定事件名、detail對象和事件選項。
實現組件間的通信
例如這樣,拋出了一個事件名,一個值。

this.triggerEvent('timeUpdate',{
            currentTime
          })

然後再我們引用組件的地方接受值和時間
就和我們平時寫時間一樣,使用bind:+定義的事件名bind:timeUpdate="timeUpdate"
這樣就可以讓他在前端響應我們傳遞過來的內容。

在前端的.js中響應

  timeUpdate(event) {
    console.log(event)
  },

這個時候輸出的值就是我們傳遞過來的currentTime。這樣就完成了一次子組件向父組件的傳值。

前端對組件進行傳值

當我們想要將值從前端傳遞給後臺之後,除了在前端.js的定義必不可少

這個時候在我們的組件的引用中傳遞該參數
在這裏插入圖片描述
前邊的方法爲我們自定義的,用於在組件中接收。這樣就可以將我們isSame的值進行傳遞過去。
在組件中進行接收使用
在這裏插入圖片描述

大體上一直常用的就這個方法,其他的暫時沒怎麼用,等用了在補充

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章