怎么在微信小程序中自定義組件傳值-創(chuàng)新互聯(lián)

怎么在微信小程序中自定義組件傳值？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名注冊、網頁空間、營銷軟件、網站建設、璧山網站維護、網站推廣。

首先，在頁面中定義組件 ，json文件中記得加上：

{
 "usingComponents": {
 "user-btn": "/pages/component/userInfo/userInfo"
 }
},

然后，index.wxml~

index.wxml

...
<user-btn show="{{userShow}}" bind:showTab="showTab"></user-btn>
...

到了組建：

// 與頁面銜接 觸發(fā)頁面中的方法并傳數(shù)據(jù)
this.triggerEvent('showTab', res.data);

res.data就是組件中請求到的數(shù)據(jù)；

回到index.js，他的showTab方法~

 showTab:function(e){
  console.log('this is showtabBar');
  console.log(e.detail);
 },

那么這個e.detail就能獲取到組件中的res.data的數(shù)據(jù)啦~

當然 要想從頁面中帶數(shù)據(jù)到組件：

譬如剛剛index.wxml中的show，在頁面中的index.js可以隨意控制userShow的值：

index.wxml

...
<user-btn show="{{userShow}}" bind:showTab="showTab"></user-btn>
...

然后在組建中，便可以這樣取到我們從頁面中傳入的值。

 properties: { //對外屬性，即如果外部的wxml文件傳入數(shù)據(jù)時，會把數(shù)據(jù)設置成properties的屬性
 'show':{
  type:Boolean,
  value:'',
  observer: function (newVal, oldVal) {
  console.log(newVal)
  }
 },
 },
 ready:function(){
 console.log(this.properties);
 },

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

新聞標題：怎么在微信小程序中自定義組件傳值-創(chuàng)新互聯(lián)
標題網址：http://muchs.cn/article44/csgshe.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網站建設、網站設計、網站排名、網站設計公司、微信小程序、微信公眾號

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)