天天看點

微信小程式頁面跳轉傳參

剛剛入門了小城序,在頁面擷取參數以及跳轉的時候的時候注意了幾個點。

目前為止我自己所掌握到擷取頁面輸入的值有兩種:

(1)from 表單送出 

  from(bindsubmit=“函數名”)表單主要在input輸入框加上name屬性作為一個索引,button按鈕(button按鈕的formType="submit")作為點選送出按鈕   然後就在bindsubmit的函數裡面進行接收參數

微信小程式頁面跳轉傳參
微信小程式頁面跳轉傳參
微信小程式頁面跳轉傳參

在接收參數的時候  盡量先console.log将裡面的參數列印出來然後再進行指派。

(2)bindinput對輸入框的值進行接收

在頁面input輸入框裡面添加上bindinput屬性  假如bindinput=“input”   則在js的檔案裡面寫上input函數然後加上參數就可以擷取到輸入的值了,

微信小程式頁面跳轉傳參
微信小程式頁面跳轉傳參

(3)在wxml模闆檔案裡面加上  data-(需要傳參的名字)   配合  bindtap或者其他的點選事件  也可以在js的檔案裡面 通過函數加參數的方式 擷取參數

微信小程式頁面跳轉傳參

微信小程式頁面跳轉傳參

需要注意的是  這幾種擷取參數的方法在console的時候都在不同的資料裡面  要看清。

頁面跳轉(頁面跳轉傳參):

一般來說 跳轉到  不含有tabber 頁面都是用的wx.navigateto()方法來跳轉,傳參的時候:

在方法體内  有url屬性   需要在url屬性‘+?自定義跳轉參數’。

具體寫法:

微信小程式頁面跳轉傳參

(這個頁面路徑跳轉傳參和我們在進行 GET 和  POST 帶參數請求的時候很相似)。

 然後在跳轉到的那個頁面的js檔案裡面的  onload生命周期函數中 擷取參數:

微信小程式頁面跳轉傳參

還有一種  可以在别的頁面進行擷取相同的資料的方法:

将資料進行存緩存 然後再别的頁面進行取緩存。

不過要注意幾點:

(1)緩存在取用的時候要先進行判斷緩存是否還有。

(2)緩存具有覆寫的特性   在最後存的緩存會将之前的緩存覆寫。