1. 程式人生 > >小程式頁面傳參(多個引數)

小程式頁面傳參(多個引數)

小程式頁面傳遞引數

這一次講一下,跨頁面傳值和在下一個頁面接收值,接收以後並渲染展示出來。那麼請看清楚我這提到的步驟
1.A頁面傳值,傳多值到下一個頁面
2.B頁面接收上一個頁面傳輸過來的值;
3.在B頁面渲染接收到 的資料

那麼直接上程式碼,先看看我想實現的效果。首先我想實現把這個test頁面的值傳遞單下一個test-1頁面去。

先看一下我的頁面結構

我需要傳遞這個test頁面的標題,參與人數,打卡次數以及背景圖片(4個引數)到下一個頁面裡去

首先我們先看一下我的test頁面結構:這個就是一個很簡單的迴圈,那麼這裡開始講傳值

我們通過介面拿到了後臺資料,先看一下後臺資料

這些資料是我需要的 ,id是我也需要的。所以也一起傳,那麼後臺資料和前臺頁面命名一致,為了直觀我把我傳值的資料和後臺資料一致寫了個demo。test頁面寫要傳遞的這五個資料

test.js在觸發事件裡寫傳參的邏輯:這裡照片需要轉換格式用本地快取傳遞的,那麼傳遞的引數就直接寫在這個跳轉下一個頁面的url多個值就拼接起來傳遞。

test-1.wxml

頁面效果

程式碼如下

test-1.js接收test傳過來的引數,這樣就是接收到了前臺傳過來的資料

test-1wxml 接下來就是渲染在前臺,命名最好和上一個頁面一致,直觀

 

現在就是還在初學者,自己本人是後臺剛轉前臺,還有很多不會的還有很多不懂得,如果有錯歡迎指正。可以加qq:1357129218,互相學習。