微信小程序開發之頁面跳轉及傳參

最近在找工作的過程中,發現企業都要求掌握小程序開發。于是,利用閑余時間就研究了一下,鑒于之前有用vue-cli開發過webapp,因此,學起小程序來是相對比較輕松愉快的。

在小程序開發中,使用navigator標簽來實現頁面跳轉,url使用的是相對路徑。如下:

<navigator url="../detail/detail">點擊跳轉到詳情頁</navigator>

如果要跳轉到某個導航標簽頁,則需要加open-type="switchTab"屬性。如下:

<navigator url="../news/news" open-type="switchTab">點擊跳轉到導航標簽頁</navigator>

接下來是傳參問題,在url后面以?的形式寫上參數即可,多個參數用&連接。如下:

<navigator url="../detail/detail?name=cys&age=23">點擊跳轉到詳情頁</navigator>

最后在被打開頁面利用options參數來獲取傳遞的數據。

Page({
  data:{},
  // 生命周期
  onLoad:function (options){
    console.log(options.name);
    console.log(options.age);
  }
})
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,869評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,076評論 25 708
  • 生活中原本以為一直深信不疑的東西,隨著年齡的增長慢慢地變得不可信了,可有些東西無論怎樣流逝,它永遠還是原來的本色。...
    易鈺萍閱讀 731評論 0 0
  • 結束了"高效能人士的七個習慣"的閱讀,需要時間慢慢消化和實踐。 第八章的"知彼解己"和第九章的"統合綜效"是作者經...
    小豬胖胖閱讀 631評論 1 2
  • 康聯積極響應國家《大眾創業,萬眾創新》的號召,攜手中國平安、贏銷客、拉卡拉、中國民生銀行、中信銀行用互聯網+共享經...
    da744cbd2155閱讀 259評論 1 0