微信小程序 如何設置底部tabBar 以及父子組件如何傳值


1、底部tabBar設置 當然可以設置在頂部

在全局app.json中配置 "tabBar":{

  position:"bottom"  // 在這里設置tabBar的位置 可以選擇頂部和底部

  "list":[

    

  {

   "text":"首頁" ,//在這里可以寫底部tabBar中內容 什么頁面

    pagePath:"pages/index/index",

   iconPath://圖片路徑 可以新增images文件夾 里面放logo圖   iconPath表示未選中狀態,

  selectedIconPath://圖片路徑 表示選中后的狀態

   


  },

  {

   "text":"搜索" ,//在這里可以寫底部tabBar中內容 什么頁面

    pagePath:"pages/search/index",

   

   iconPath://圖片路徑 可以新增images文件夾 里面放logo圖   iconPath表示未選中狀態,

  selectedIconPath://圖片路徑 表示選中后的狀態


  },

 

      


}
2、關於父子組件傳值

這里跟vue中很像

父傳子通過屬性:properties

properties:{

      obj:{

  type:String,

  value:"abc"


  }

 

}

value表示默認不傳時的屬性

 在<child obj="{{obj}}"/>中傳遞屬性obj

子傳父  在 <child  bindAbc="m"/>

在父組件中定義方法 m(e){

  console.log("m")
}

在子組件中 同樣 在methods中 通過this.triggerEvent("Abc",要傳遞的參數)觸發並可傳遞參數 但只能有一個 可以傳對象

那么父組件可以接收  在m方法中有個參數e e.detail即為子組件傳過來的值


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM