微信小程序 頁面跳轉(傳參跟不傳參)

跳轉頁面傳參

1.首先我的目錄結構是這樣的,並在 cinema.wxml 定義了一個點擊事件 bindtap=‘indetai’
在這裏插入圖片描述
2.然後在 cinema.js 的data裏面定義了一個 score,並實現了 indetai 方法

data{
 score:8.8
}//實現indetai方法
inhome(){
    wx.navigateTo({
     //url:需要跳轉到的頁面的地址, this.data.score 就是我們要傳遞的參數了
      url: '../detai/detai?num='+this.data.score   
    })
},

在這裏插入圖片描述
3.在 detai.js 的 data 裏面也定義一個 score ,再在 onLoad 函數裏面接收傳遞過來的值

 data: {
    score:0
 }/**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function (options) {
    //把接收到的值賦值給score
    this.setData({
      score:options.num
    })
  },

4.在頁面上顯示得到的值
在這裏插入圖片描述
在這裏插入圖片描述

這樣就得到跳轉頁面傳參就完成了!

接下來說說跳轉頁面不傳參

不需要傳參的話
就只需要寫一個點擊事件就可以跳轉頁面啦!

 indetai(){
    wx.navigateTo({
    //url:需要跳轉到的頁面的地址
      url: '../detai/detai'
    })
 },
一起加油哦!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章