記錄一下這次嘔心瀝血的弄出來的這個二維碼帶參數(shù)跳轉(zhuǎn)。
需求是這樣的,有一個訂單,我們需要根據(jù)這個訂單的內(nèi)容生成對應(yīng)的二維碼,用戶在掃這個二維碼的時候進(jìn)入指定頁面,并且顯示這個訂單的信息。剛開始我發(fā)現(xiàn)小程序和pc的域名一樣,只是后邊的路由不同,所以我就是直接生成一個二維碼,設(shè)置參數(shù)跳轉(zhuǎn)的url:'域名'+‘page/order/details’+參數(shù),可是我發(fā)現(xiàn)根本獲取不到參數(shù),于是我找了個視頻,視頻上說只能通過后端api生成的二維碼跳轉(zhuǎn),或者通過scheme轉(zhuǎn)化成http鏈接喚起小程序。
所以,前端想要自己生成二維碼來跳轉(zhuǎn),必須要對跳轉(zhuǎn)地址進(jìn)行一些處理。
這邊我測試是通過這里快速編碼和草料二維碼,地址如下:
我們正常使用需要使用encodeURIComponent來轉(zhuǎn)換地址。不管怎么說我還是得到了跳轉(zhuǎn)地址,然后需要注意的是,支付寶小程序的全局參數(shù)只能通過app.vue中的onLaunch獲得。
這里我們需要傳輸?shù)娜謪?shù)會以返回值的格式給我們,所以我們獲取到返回值,并且放到全局變量里。
然后我們在需要使用的頁面的onload中獲?。?/p>