微信小程式 頁面跳轉時傳遞資料到另乙個頁面

2022-05-18 23:00:46 字數 852 閱讀 6580

頁面跳轉時,同時把當前頁面的資料傳遞給跳轉的目標頁面,並在跳轉後的目標頁面進行展示

test1頁面

// pages/test1/test1.js

page(,

buttonlistener:function())

}})姓名:}

年齡:}

bindtap='buttonlistener'>攜帶資料跳轉

test2頁面

// pages/test2/test2.js

page(,

/*** 生命週期函式--監聽頁面載入

*/onload: function (options) )

}})姓名為:}

年齡為:}

1. test1頁面

(1)button點選事件

案例中採用了點選button觸發跳轉事件,所以要為button新增乙個監聽函式。在test1.wxml頁面的中新增bindtap屬性,來命名該button的監聽函式名稱。然後在test1.js中實現該監聽函式即可

(2)跳轉函式

跳轉時攜帶資料:  url: '

/pages/test2/test2?資料a的名稱=

' + 資料a的內容 + '

&資料b的名稱=

' + 資料b的內容,

2. test2頁面

(1)接收資料

使用onload函式在載入頁面時接收資料,通過options.資料a的名稱來獲取資料a的內容,並賦值給本地變數

微信小程式頁面跳轉

每乙個列表對應著都有乙個詳情頁面,那麼這個詳情頁面可以通過乙個標籤去跳轉,也就是用上述的標籤就可以數顯跳轉 那麼對應列表裡面的詳情頁我們還需要在這個鏈結上進行乙個操作。也就是在鏈結後面 新增乙個對應的id引數,然後js裡面去接受這個引數,就會根據資料來跳轉到對應的詳情頁去了。exports.gets...

微信小程式的頁面跳轉和引數傳遞,頁面生命週期

頁面的生命週期函式如下 page onload function options onready function onshow function onhide function onunload function onpulldownrefresh function onreachbottom f...

小程式跳轉樣式布局錯亂 微信小程式頁面布局問題

頭部和尾部固定,中間內容不固定,實現的效果為當頁面第二部分內容較少時三個部分剛好佔滿螢幕,當內容較多時第二步分高度自適應,第三部分緊跟第二部分 wxm檔案中的高度在讀取到的資料較多時是如何判斷的呢?index.wxml 第一部分內容,高度是固定的rpx 第二部分內容,內容較少時占用剩下螢幕填充整個高...